@charset "Shift_JIS";
/* CSS Document */

html {
overflow-y:scroll;
}


body {
	text-align:center;
	padding:0;
	margin:0 auto;
	padding:0;
	background:#f5f5f5;
	font-family:"ＭＳ Ｐゴシック", Arial, Verdana, Helvetica;
	color: #555555;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	font-size:small;
}

form {
	margin:0;
	padding:0;
}

img{
	border:0;
	}
	
h1,h2,h3,h4,h5,h6,form,p {
	margin:0;
	padding:0;
}

#header_aplicommon_01{
	width:100%;
	background-color:#363636;
	color:#fff;
	padding:0px;
	margin:0;
	clear:both;
	} 

#header_aplicommon_01 strong{
	font-weight:lighter;
	} 

#header_aplicommon_01 h1{
	font-size:85%;
	font-weight:normal;
	text-align:right;
	margin:0px;
	padding:5px 10px 0px 0px;
   	}

#pankuzu{
	margin:0 auto;
	margin-top:2px;
	width: 900px;
	padding:3px 0px 3px 0px;
	clear:both;
	font-size:80%;
	text-align:left;
	text-indent:1em;
	background-color:#f5f5f5;
	border-top:3px groove #8B8B00;/*00688b　3A5FCD*/
	border-left:2px ridge #8B8B00;
	}

#image{
	margin:0 auto;
	width: 900px;
	text-align:center;
	clear:both;
	height:auto;
	margin-bottom:2px;
	padding:0px;
	}


#outline-margin { 
	margin:0 auto; 
	text-align:center;
	}
	
#outline {
	margin:0 auto;
 	text-align:center;
 	padding:0;
	font:100%;
	background-color:#FCFCFC;
	}
 

#header {
	margin:0 auto;
	width: 900px;
	height:auto;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px;
	} 



#mainbox {
	margin:0 auto;
	width:888px;
	height:auto;
	background-color:#ffffff;
	text-align:center;
	clear:both;
	float:none;
	padding:10px 5px 20px 5px;/*内側のmarginのようなもの*/
	border:1px solid #ffffff;	
	}

div#main {
	width:690px;
	height:auto;
	background-color:#ffffff;
	float:right;
	margin:4px 0px 4px 0px; /*時計回り*/
	padding:0px;
	clear:both;
	}

.box01#main{

	width:auto;
	height:auto;/*200pxだが、FF障害回避*/
	border:1px solid #8B8B00;
	margin:8px auto ;
	padding:15px 20px;
	clear: right;
	}



div#side_aplicommon {
	width:176px;
	height:auto;
	border:1px solid #d3d3d3;
	background-color:#ffffff;
	text-align:left;
	float:left;
	margin:4px 5px 4px 1px;
	padding:0px;
	 }
	 
.side_s {
	width:176px;
	height:auto;
	border:1px solid #d3d3d3;
	background-color:#ffffff;
	text-align:left;
	float:left;
	margin:4px 5px 4px 1px;
	padding:0px;
	 }	 


		
/*-------------▼共通list------------------*/	

li p.bodytext_non{
	list-style:none;
	text-align:left;
	line-height:150%;
	margin:0;
	padding:0;
	}
	
ul,ol li.bodytext_non{
	list-style:decimal;
	text-align:left;
	margin:0.8em;
	padding:0 0 0 2em;
	}	

/*-------------▲共通list------------------*/
	
.img_left{
	border:0;
	float:left;
	margin:6px 6px 8px 0px ;
	
}

.img_right{
	border:0;
	float:right;
	margin:6px 10px 8px 6px ;
	
}

p.clearfloat{
	clear:both;
}

p.clearfloatright{
	clear:left;
}


.style1 {
	font-size: x-small;
	}

.style3{
	font-weight:bold;
	}

.style90{
	font-size:90%;
	}


.style85{
	font-size:85%;
	}

	
.red100{
	color:#FF3333;	
	line-height:150%;
	}	

.border1{
	border-bottom: 2px dotted #CCCCCC;
	}	

.border2{
	border-bottom: 1px dotted #CCCCCC;
	}	

	
p,pre {
	font-family:"ＭＳ Ｐゴシック",Arial,Verdana,Helvetica;
	margin-top:4px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:6px;
	font-size:100%;
	text-align:left;
	line-height:180%;
}

	
p.bodytext{
	text-indent:1em;
	line-height:150%;
	font-size:100%;
}


p.bodytext_non{
	line-height:150%;
	font-size:100%;
}
	

p.bodytext_r{
	padding:2px 5px 2px 5px;
	font-size:100%;
	text-align:right;
	line-height:150%;
	}

p.bodytext_08{
	padding:2px 5px 2px 30px;
	font-size:100%;
	margin-left:0.8em;
	line-height:150%;
	}

p.bodytext_30{
	padding:2px 5px 2px 30px;
	font-size:100%;
	margin-left:3em;
	line-height:150%;
	}	

p.bodytext_50{
	padding:2px 5px 2px 30px;
	font-size:100%;
	margin-left:5em;
	line-height:150%;
	}	

/*-------------▼共通footer-----------------*/	 
	 
#foot{	
	margin:0 auto;
	clear:both;
	width:888px;
	height:auto;
	padding: 5px 0px 0px 0px;  
	text-align:right;
	font-size:85%;
	clear:both;
	}	 


ul.foot {
	margin:0;
	padding:0;
	text-align:right;
	list-style-type:none;
}

ul.foot li {
	float:right;
	width:0 auto;
	margin-right:3px;
	padding:3px;
}

#foot a {
	color:#555555;
	text-decoration:underline;
	}
	
#foot a:hover {
	color:#555555;
	text-decoration:none;
	}
	 
#footer01 {
	clear:both;
	width:auto;
	height:auto;
	background-color:#808080;
	padding: 0px 0px 0px 0px;
	margin:0 auto;
} 	 
/*-------------▲共通footer------------------*/		 

a{
	text-decoration:none;
	color:#003399; 
	}
	
a:hover{
	text-decoration:underline;
	color:#0099CC;
}



/*-------------▼bb　追加---------------------*/



.midashi_aplicommon{
	background-color:#f5f5f5;
	border-top:4px solid #8B8B00  ;
	padding-left:1em;
	margin:0px 0px 1px 0px;
	font-size:100%;
	line-height:180%;	
	}	

.komidashi_aplicommon{
	background:url(../../images/common_back.png) repeat-y ;
	background-color:#6d5d0b;
	border-left:6px solid #8B8B00  ;
	padding-left:1em;
	margin:0px 5px 8px 5px;
	font-size:100%;
	color:#ffffff;
	}

.mini_aplicommon{
	background-color:#f5f5f5;
	border-bottom:2px solid #6d5d0b;
	padding-left:0.4em;
	margin:2px 0px 2px 0px;
	line-height:120%;	
	text-align:left;
	}	
	
.komidashi_greyapli{
	background-color:#f5f5f5;
	border-left:6px solid #8B8B00;
	padding-left:1em;
	margin:0px 5px 8px 5px;
	font-weight:bold;	
	}

.komidashi_grey{
	background-color:#f5f5f5;
	border-left:6px solid #8B8B00;
	padding-left:1em;
	margin:0px 5px 8px 5px;
	font-weight:bold;	
	}


.waku_aplicommon{
	background-color:#fafafa ;
	border:2px dotted #8B8B00;
	margin:1px 0px 1px 0px;	
	padding:5px;
	}		

.cc0000{
	background-color:#f8f8f8;
	border-left:12px solid #8B8B00 ;
	border-top:1px solid #cc0000;
	padding-left:1em;
	margin:0px 5px 0px 5px;
	}
	
.apli_box03{
	width:46%;
	height:auto;
	padding:3px;
	margin:5px 9px;
	float: left;
	}


/*------------left table-------------*/
table.apli{
	width:90%;
	margin:0px auto ;
	padding:0px 3px;
	font-size:100%;
	line-height:120%;
	font-weight:normal;
	border-top:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-collapse:collapse;
	text-align:left;
}

.apli td{
	font-weight:lighter;
	border-right:1px solid #dcdcdc  ;
	border-bottom:1px solid #dcdcdc  ;
	padding:0.3em 1em;
	text-align:left;
}
.apli th{
	border-right:1px solid #dcdcdc  ;
	border-bottom:1px solid #dcdcdc  ;
	color:#ffffff ;
	background-color:#8B8B00;
	padding:0.3em 1em;
	text-align:left;
}

.apli_02 td{
	font-weight:lighter;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	background-color:#8B8B00;
	padding:0.3em 1em;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold;
}

.apli_gray td{
	font-weight:lighter;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	background-color:#f5f5f5;
	padding:0.3em 1em;
	text-align:left;
}

/*------------left table-------------*/
/*------------right table-------------*/
table.apli_r{
	width:85%;
	margin:0px auto ;
	padding:0px 3px;
	font-size:100%;
	line-height:120%;
	font-weight:normal;
	border-top:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-collapse:collapse;

}

.apli_r td{
	font-weight:lighter;
	border-right:1px solid #dcdcdc  ;
	border-bottom:1px solid #dcdcdc  ;
	padding:0.3em 1em;
	text-align:right;
}
.apli_r th{
	border-right:1px solid #dcdcdc  ;
	border-bottom:1px solid #dcdcdc  ;
	color:#ffffff ;
	background-color:#8B8B00;
	padding:0.3em 1em;
	text-align:left;
}

.apli_r_02 td{
	font-weight:lighter;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	background-color:#8B8B00;
	padding:0.3em 1em;
	text-align:right;
	color:#FFFFFF;
	font-weight:bold;
}

.apli_r_gray td{
	font-weight:lighter;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	background-color:#f5f5f5;
	padding:0.3em 1em;
	text-align:right;
}

/*------------right table-------------*/




/*問い合わせ_aplicommon*/
#box02_aplicommon{
	width:50%;
	background-color:#ffffff;
	border:1px dotted #778899 ;
	font-size:small;/*100%*/
	text-align:center;
	margin:0px auto ;
	padding:0px 3px;
	clear:both;
	}


.box01#main{
	width:auto;
	height:auto;
	border:1px solid #8DB6CD;
	padding:15px 20px 15px 20px;
	margin:8px auto;
	clear: right;
	}	

/*-------------▲bb　追加---------------------*/	



/*========================
 .clearfix
========================*/
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix{
    display: inline-block;
}

/* Hides from IE-mac */
* html .clearfix{
    height: 1%;
}

.clearfix{
    display: block;
}
/* End hide from IE-mac */	
/*-------------▼jirei　leftnavi---------------------*/

#secondary_aplicommon{

	float:left;
	width:176px;
	}
/*navArea_aplicommon*/

/*#secondary_aplicommon .navArea_aplicommon{
	margin-bottom:18px;
		}*/

#secondary_aplicommon .navArea_aplicommon h3{
	font-size:small;
	background-color:#696969  ;
	color:#ffffff;
	margin:0;
	padding:5px 0px;
	text-align:center;	
	}





#secondary_aplicommon .navArea_aplicommon ul{
	padding:0;
	 margin:0 1px;
	list-style:none; 
	}

#secondary_aplicommon .navArea_aplicommon ul ul{
	margin:0;
	border-top:1px solid #CFCFCF;
	background-color:#ffffff;
}



#secondary_aplicommon .navArea_aplicommon li{
	list-style:none; 
	border-bottom:1px solid #ffffff;
	font-weight:normal;/*親カテゴリの表示の太さ*/
}

#secondary_aplicommon .navArea_aplicommon li li{
	margin:0 0 0 10px;
	padding-top:1px;
	border:none;	
	font-weight:normal;
}

#secondary_aplicommon .navArea_aplicommon li li.first-child{
	padding-top:0;
	background:none;
}

#secondary_aplicommon .navArea_aplicommon a{
	display:block;
	color:#555555;
	text-decoration:none;
}

#secondary_aplicommon .navArea_aplicommon li a{

	padding:0.4em 7px 0.4em 19px;

	width:148px;

	background:#f5f5f5;	/*カテゴリーカラー*/

	text-indent:-15px;

}

#secondary_aplicommon .navArea_aplicommon li.current a{
	background-color:#FFFFFF;
	color:#8B8B00;
	}

#secondary_aplicommon .navArea_aplicommon li a:hover{

	background-color:#FFFFFF;	/*カテゴリーカラー あえて同じ灰色に。*/
	color:#8B8B00;				/*fontカラー あえて同じ色に。*/
	font-weight:normal;/*子カテゴリの表示の太さ*/

}

#secondary_aplicommon .navArea_aplicommon li.current li a,
#secondary_aplicommon .navArea_aplicommon li li a{
	padding:0.4em 7px 0.4em 15px;
	width:142px;
	background-image:none;
	background-color:#fff;
	text-indent:-8px;
}

#secondary_aplicommon .navArea_aplicommon li li.current a,
#secondary_aplicommon .navArea_aplicommon li li a:hover{
	background-image:none;
	background-color:#696969  ;	/*カテゴリーカラー　小見出しと同じ*/
	color:#fff;　/*apliのみフォントカラー設定*/
}

/*-------------▲jirei　leftnavi---------------------*/


/*-------------▼共通プライバシーポリシー------------------*/	
.probox01#main{

	width:560px;
	overflow:auto;
	font-size: 85%;
	border:1px dotted #ffc0cb;
	padding:15px 20px 15px 20px;
	margin:8px auto;
	clear: right;
	}
/*-------------▲共通プライバシーポリシー------------------*/


/* -------------★見出しフォント大きめ★ -------------*/

.h2_apli{
	min-height:26px;
	background: url(../../images/h2_common.png);
	background-repeat: repeat-x;
	border-left:6px solid #8B8B00;
	padding:0 1em 0 1em;
	margin:0px 0px 1px 0px;
	text-align:left;
	font-size:110%;
	line-height:180%;	
}

.h2_apli strong{
	background:url(../../images/h2_apli_strong.gif) no-repeat left center;
	padding-left:1.6em;
}

.h4_apli{
	background: url(../../images/h2_common.png)  repeat-x;
	border-left:4px solid #8B8B00;
	border-top:1px solid #8B8B00;	
	padding:0 1em 0 1em;
	margin:0px 0px 1px 0px;
	text-align:left;
	font-size:105%;
	line-height:180%;	
 
}

.h4_apli strong{
	background:url(../../images/check.gif) no-repeat left;	
	padding-left:1.2em;
	}


/* -----------------影付きBOX------------------- */
.shadowbox{
	margin:2px auto;
	width:550px;
 	background: url(../../images/shadow_middle.jpg) repeat-y;

	}

/*  */
.shadow_header{
	width:550px;
	height:20px;
	background: url(../../images/shadow_header.jpg) no-repeat;

	}

/*  */
.shadow_content{
	font-size:105%;
	padding:0 2px 0 2px;
	margin:0 1em;
	}
	
	
/* 下部の影 */
.shadow_footer{
	width:550px;
	height:20px;
	background: url(../../images/shadow_footer.jpg) no-repeat;

	}
	
.shadow_footer_02{
	width:550px;
	height:35px;
	background: url(../../images/footer_fukidashi_02.jpg) no-repeat;

	}	

#toiawase_common{
	width:0 auto;
	height:100px;
	padding:0;
	margin:0;
	text-align:center;	
	}

/*-------------------------------------------  */

/* -----------------影付き吹き出し------------------- */
.fukidashibox{
	margin:2px auto;
	width:550px;
 	background: url(../../images/middle_fukidashi.jpg);
	background-repeat: repeat-y;
	}

/*  */
.fukidashi_header{
	width:550px;
	height:20px;
	background: url(../../images/header_fukidashi.jpg) no-repeat;

	}

/*  */
.fukidashi_content{
	padding:0 2px 0 2px;
	font-size:105%;
	margin:0 1em;
	}
	
	
.fukidashi_content_s{
	padding:0 2px 0 2px;
	font-size:100%;
	margin:0 1em;
	}
	
	
		
	
/* 下部の影 */
.fukidashi_footer{
	width:550px;
	height:35px;
	background: url(../../images/footer_fukidashi.jpg) no-repeat;

	}


/*-------------------------------------------  */


/* -------------★グレー背景　角丸★ -------------*/

.circle01{
	background-image:url(../../images/left.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:#eeeeee;
	}
	
.circle02{
	background-image:url(../../images/right.gif);
		background-repeat:no-repeat;
	background-position:100% 0;
	}	


.circle03{
	background-image:url(../../images/left_02.gif);
		background-repeat:no-repeat;
	background-position:0 100%;
	}
	
.circle04{
	background-image:url(../../images/right_02.gif);
		background-repeat:no-repeat;
	background-position:100% 100%;
	height:auto 0;

	}	

/*  */
.shadow_content{
	color:#555555;
	padding:0 2px 0 2px;
	margin:0 1em;
	}
	

	


/*-----------------------------------------------------------*/

	
.next01 a{
	width:auto;
	text-align:center;
	text-decoration:none;
	border: 5px solid #dcdcdc;
	margin:0.2em;
	padding:0.3em;
	background:#f8f8f8;
	color:#6699CC;
	font-size:120%;
	}

	
	
.next01 a:hover{
	width:auto;
	text-align:center;
	text-decoration:none;
	margin:0.2em;
	padding:0.3em;
	border: 5px solid #FF3333;
	background:#DCDCDC;
	color:#555555;
	}	
	
/*----------------メニュー-----------------*/	

* html* menu li {
    margin:-1em 5px 0 5px;;
}
.menu li a{
	display:block;
	border-left:6px solid #8B8989;	
	border-bottom:1px solid #dcdcdc;
	padding:2px 2px 2px 1em;
	margin:0.5em 5px 0 5px;
	font-weight:bold;
	background-color:#dcdcdc;
	background-repeat:repeat-y;
	font-size:120%;
	color:#666666;

	}
	
.menu li a:hover{

	border-left:6px solid #cc0000;
	background-color:#f5f5f5;
	border-bottom:1px solid #cccccc;
	color:#555555;
	text-decoration:none;
	}