@charset "UTF-8";
/* base */
html,body {
  min-height: 100%;
  _height:100%;
}

body{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	padding : 0px;
	margin:0px;
	background:#FFFFFF;
	-webkit-text-size-adjust: 100%;
}

img {
border:none;
}

p{
	margin:0px;
	padding:0px;
}

ul,ol,li{
	margin:0px;
	padding:0px;
	list-style:none;
}

.clearfix {width:100%;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}

.pagetop{
	float:right;
	padding:0;
}
.pageindex{
	margin:20px 0 0;
	padding:10px 0 20px;
	border-top:1px dashed #D96D00;
	font-size:11px;
	text-align:center;
}
.navi{
	margin:0;
	padding:0;
	font-size:10px;
	color:#333;
	float:left;
}


/* link text color */
a:link{
 text-decoration:underline;
 color:#D96D00;
} 
a:visited{
 text-decoration:underline;
 color:#D96D00;
} 
a:active{
 text-decoration:underline;
 color:#D96D00;
} 
a:hover{
 text-decoration:none;
 color:#00BFFF;
} 



/* text font  */
h1{
	display:inline;
	margin:0;
	padding:0 0 0 10px;
	font-size:10px;
	color:#333333;
	float:left;
}
	
h2{
 font-size:150%;
 line-height:90%;
 color:#D96D00;
 margin:0;
 padding:10px 0px;
 border-bottom:solid 1px #555;
}

.h2memo{
	position:absolute;
	top:-8px;
	right:5px;
}
.h2memo div{
	width:500px;
	height:50px;
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	font-size:10px;
	color:#555;
	line-height:14px;
}


h3{
 font-size:140%;
 line-height:35px;
 font-weight:bold;
 margin:0px;
 padding:0px 0px 0px 20px;
 background:url(../commonimg/icon_ttl.gif) no-repeat left top;
}

h3 small{
	font-weight:normal;
	font-size:65%;
}

h4{
 font-size:130%;
 background-color:#EEE;
 font-weight:bold;
 margin:10px 0 10px;
 padding:10px;
}


sup{
	text-decoration:none;
	color:red;
}
.cap{
	font-size:70%;
	padding:0;
	margin:0;
}
.attention{
	font-size:130%;
	font-weight:bold;
	padding:10px 0 0;
}
.text_s{
 font-size:90%;
}
.text_la{
 font-size:120%;
 line-height:130%;
}

.text_bo{
 font-weight:bold;
}
.text_red{
	color:red;
}

.text_lightblue{
	color:#00BFFF;
}

.text_right{
	text-align:right;
}


/* layout */
#container{
 width:auto;
 height:100%;
 margin:0px auto;
 padding:0px;
 background:url(../commonimg/bg_base.jpg) repeat-x;
}

#base{
	width:1000px;
	margin:0px auto;
	padding:0px;
	background-color:#FFFFFF;
}


/* common head menu */
#head{
	width:1000px;
	background-color:#FEF0D6;
	margin:0px;
	padding:0px;
}


#menu {
	width:1000px;
	background-color:#FFF;
	margin:0px;
	padding:0px;
	position: relative;
	z-index:5;
}

#menu:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#menu ul li {
	float:left;
	line-height:0;/*for doctype*/
	position:relative;
}
#menu ul li img{
	vertical-align:bottom;
}


#menu li ul.drop {
	width:190px;
	position:absolute;
	display:none;
	float:none;
	z-index:100;
	left:0;
	top:55px;
	
	/* 透け透けにしたいとき */
	opacity: .90; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=90); /* IE lt 8 */
	-ms-filter: "alpha(opacity=90)"; /* IE 8 */
	-khtml-opacity: .90; /* Safari 1.x */
	-moz-opacity: .90; /* FF lt 1.5, */
}

#menu li ul.drop li {
	float:none;
	position:static;
}

#menu li ul.drop li a {
	display:block;
	background:#555;
	border-bottom:solid 1px #fff;
	color:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	text-decoration:none;
	line-height:normal;/*for reset*/
	padding:10px;
	_zoom:1; /* IE 6 */
}

#menu li ul.drop ul a {
	padding:10px 10px 10px 20px
}



/* main */
#main{
	width:740px;
	margin:0px;
	padding:0px 10px;
	font-size:85%;
	line-height:170%;
	color:#555;
	position:relative;
	float:left;
}

.box1{
	width:720px;
	margin:10px 10px 30px;
}
.box1 p{
	margin:10px 0 0;
}
.box1 ul, .box1 ol{
	margin:10px 0;
}
.box1 ul li{
	margin:0 0 10px 25px;
	list-style:disc outside;
}
.box1 ol li{
	margin:0 0 10px 25px;
	list-style:decimal outside;
}
.box1 ol li ul li{
	margin:0 0 0 25px;
	list-style:disc outside;
}
.box{
	padding:10px 0 0;
}
.pho{
	margin:0 0 10px;
	padding:0;
	border:5px solid #fff;
	-webkit-box-shadow:2px 2px 5px  rgba(0,0,0,0.5);
	-moz-box-shadow:2px 2px 5px  rgba(0,0,0,0.5);
	box-shadow:2px 2px 5px rgba(0,0,0,0.5);
}


/* sub */
#sub{
	width:230px;
	margin:0px;
	padding:0px 10px 0px 0px;
	float:right;
}
#sub ul{
	margin:0 0 10px;
}
	

/* foot */
#foot{
	width:1000px;
	margin:0px;
	padding:20px 0px;
	text-align:center;
	font-size:10px;
	color:#D96D00;
}
#foot ul{
	margin-left:250px;
}

#foot ul li{
	float:left;
	margin:30px 0 30px 55px;
}