/*------------------------------------------------------------
CSSリセット
-------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,p,blockquote,table,th,td{
	margin: 0;
	padding: 0;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{
	font-style: normal;
	font-weight: normal;
}

fieldset,img,abbr{ border: 0; }
caption,th{ text-align: left; }
q:before,q:after{ content: ''; }
a{ text-decoration: none; }
img{
	border: none;
	vertical-align: bottom;
}

/*WordPress対策*/
span textarea,span input{ vertical-align: bottom!important; }


/*Firefox対策*/
html{ overflow-y: scroll; }
body,x:-moz-broken { margin-left:-1px; }

/*  デバッグ用

div{
border:1px solid silver;
}  */



body{
background-color: #fa8072;
	text-align: center;

}

p{
margin-top:5px;
}
li{
	padding:0;
	list-style-type: none;
	list-style-position: outside;
	margin: 10px 5px 5px 5px;
}

table, td, th{
font-size:90%;
}

div#container{
	margin: 0 auto;
	text-align: left;
	border:1px solid silver;

}

/*横幅*/
div#container,
div#header,
div#header-logo,
div#main{
	width: 750px;
	_width: 752px;/* ie6 */
background-color: #fff;
}


h1{
	padding: 5px 0 0 5px;
	font-size: 8.5pt;
	height: 18px;
	background-color: #CDC7B7;
_width: 752px;

}

/*　ヘッダ　*/

div#header #top-menu{ 
width: 750px;
}

div#header #top-menu{
	position: absolute;
	top: 5px;
	text-align: right;
}

div#header #top-menu li{
	display: inline;
	font-size: 8.5pt;
	line-height: 18px;
}
/*リンク色*/
div#header #top-menu li{ color: #fff; }
div#header #top-menu li a:link{ color: #fff; text-decoration: none;}
div#header #top-menu li a:visited{ color: #fff; }
div#header #top-menu li a:hover{ color: #FF1493; }


div#header-logo{
	height: 150px; /* 高さ */
	background:#e8e4db url(image/top_banner2.jpg) no-repeat top right;
	text-align: left;
}

#logo-text{
	font-size: 16pt;
	font-weight: bold;
	line-height: 1.1em;
	padding:10px 0 0 10px;
}
#logo-text a:link{
text-decoration: none;
}

/*サブテキスト*/
#sub-text{
	font-size: 10pt;
	font-weight: bold;
	line-height: 12pt;
	letter-spacing: -0.5pt;
	padding-left:10px;
}

#header-text{
margin:20px 0 0 10px;
}
#header-text p{
font-size:90%;
}

/*--------------------------------------------------------
ぱんくずリスト
--------------------------------------------------------*/

#navi{
	margin: 5px 0 0 10px;
	font-size: 8.5pt;
	line-height: 14pt;
}
/*--------------------------------------------------------
２カラム
--------------------------------------------------------*/


#side{
width:180px;
	position: absolute;
font-size:90%;
}

#main-contents{
width:550px;
float:right;
}

/*サイドバーの枠線＆マージン*/
div#side .menu,
div#side .contents{
	margin: 0 0 5px 5px;
	padding:2px;
	border: 1px solid silver;
}



div#side li{
	font-size:90%;
}

.sub li {
line-height: 110%;

}
.sub li a {
	padding: 1px 0 3px 18px;
	background:url(image/arrow5_1.gif) no-repeat 5px center;
}

.sub li a:hover,
.sub li a:active, 		/* for IE (Keyboard) */
.sub li a:focus {		/* for Netscape (Keyboard) */
	padding: 1px 0 3px 18px;
	background:url(image/arrow8_2s.gif) no-repeat 5px center;
}

#side .title{
	background-color: #CDC7B7;
	padding:5px;
	margin:5px;
}

#side p{
margin-left:5px;
}




h2{
	background: url(image/t_bk.jpg) left center repeat-x;
	font-size: 1.4em;

}


div#main-contents .contents{
	clear: both;
	overflow: auto;
	margin: 0;
	padding: 0px 15px 1.4em 15px;
}
div#main-contents .contents p{
	margin-top:8px;
line-height: 1.5em;
}













#footer{
	background-color: #CDC7B7;
	text-align: center;
	font-size: 80%;
}

#footer hr{
	margin: 0;
	padding: 0;
	color: #ccc;
}

#footer .menu li{
	display: inline;
	margin: 0 2px;
}

div#footer #copyright{
	padding: 1.0em 0;
	font-size: 10pt;
}

div#footer a{ text-decoration: none; }
div#footer a:link{ color: #fff; }
div#footer a:visited{ color: #fff; }
div#footer a:hover{ color: #FF1493; }


div#footer address{ margin: 15px 0; }



/* ____ リンク ____ */
a {
	color: #0065cc;
	text-decoration: underline;
}
a:visited {
	color: #0065cc;
	text-decoration: underline;
}
a:hover,
a:active, 		/* for IE (Keyboard) */
a:focus {		/* for Netscape (Keyboard) */
	color: #FF1493;
	text-decoration: none;
}
/* ____ 文字装飾 ____ */
.red {
	color: #CC0000;
}
.blue {
	color: #0065cc;
}
.grn {
	color: #008000;
}
.ora {
	color: #FF9900;
}
.gry {
	color: #999999;
}
.wht {
	color: #FFFFFF;
}
.bg-yell {
	background-color: #eeeeee;
	border: 1px solid #c5cbcc;
	margin: 10px;
	padding: 10px;
}

.b-ylw {
	background-color: #FFFFCB;
	padding: 2px;
}



/*___________ 固定設定 ___________ */
/* ____ フロートボックス解除用。htmlでは<br class="clear" />で使用 ____ */
.clear {
	clear:both;
}
/* ____ テキスト設定 ____ */
em {
	font-style: normal;
	font-weight: bold;
}
.b {
	font-weight: bold;
}
.s {
	text-decoration: line-through;
}
.u {
	text-decoration: underline;
}

.f09 {
	font-size: 9px;
}

.f11 {
	font-size: 11px;
	line-height:130%;
}
.f12 {
	font-size: 12px;
	line-height:140%;
}
.f14 {
	font-size: 14px;
	line-height:140%;
}
.f16 {
	font-size: 16px;
	line-height:140%;
}
.f18 {
	font-size: 18px;
	line-height:140%;
}
.f24 {
	font-size: 24px;
	line-height:140%;
}
.txt-r {
	text-align: right;
}
.center {
	text-align: center;
}

/* ____ 余白設定 ____ */
.ma20 {
	margin: 20px;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt40 {
	margin-top: 40px;
}
.mt80 {
	margin-top: 80px;
}
.ml20 {
	margin-left: 20px;
}
/* ____ 画像設定 ____ */
img {
	border:0;
}
.flo-l {
	float: left;
	margin-right: 6px;
}
.flo-r {
	float: right;
	margin-left: 6px;
}
.img-m {
	vertical-align: middle;
}

#toi td{
padding:5px;
border:1px solid silver;
}
#toi th{
text-align:center;
border:1px solid white;
background-color:silver;
}

.ichiran dl{
margin-left:10px;
}
.ichiran dt{
margin-top:10px;
font-weight:bold;
}

.ichiran dd{
margin-left:10px;
}