@import url(command.css);

/*
  Site Name: proteck.info
  Author: N.OKUYAMA
*/


/*
===== CONTENTS =============================================================

  1: body
  2: base
  2: link
  3: font
  4: list
  5: box/table
  6: form
  7: command

============================================================================
*/


/*body -------------------------------------------------------------------*/

*{ margin: 0; padding: 0; }

body {
	color:#555555;
	margin:0;padding:0;
	background-color:#fff;
	text-align:center;
	height: 100%;
	font-family:"ＭＳ Ｐゴシック", Osaka,monospace;
	margin-left : auto ;
	margin-right : auto ;
	background:url(../img/back.gif) repeat-y center top;
	}



/*base -------------------------------------------------------------------*/


#container{/*   全体枠  */
	margin:0 auto;
	width:900px;
	background-color:#fff;
	}
	
.default_box{/*   ヘッダ枠  */
	width:800px;
	margin:0 auto 0 auto;
	text-align:left;
	}

#headder_max{	   
	width:100%;
	background-color:#254488;
	background:url(../img/back02.gif) no-repeat center top;
	border-bottom:2px solid #BEBED3;
	}

#headder{/*   ヘッダ枠  */
	width:800px;
	margin:0 auto 0 auto;
	text-align:left;
	background-color:#254488;
	}

#headder h1{/*   ヘッダーテキスト  */
	color:#fff;
	text-align:left;
	font-size:0.7em;
	font-weight:normal;
	padding:5px 0 5px 0;
	}
#headder p{/*   ヘッダーテキスト  */
	color:#fff;
	text-align:left;
	font-size:0.7em;
	font-weight:normal;
	padding:5px 0 5px 0;
	}


#headder_left{/*   ヘッダ枠ナビ  */
	width:200px;
	text-align:left;
	height:110px;
	float:left;
	margin:0 0 1em 0;
	}
#headder_left p{
	font-size:0.8em;
	padding:5px 0 0 0;
	text-align:left;
	color:#333333;
	}


#headder_right{/*   ヘッダ枠フォントサイズ変更  */
	width:600px;
	margin:0 0 1em 0;
	text-align:right;
	height:110px;
	float:right;
	}



#container_main{  /*   コンテンツ枠  */
	margin:0 auto 0 auto;
	width:800px;
	clear:both;
	background-color:#fff;
	}


#main{ /*   コンテンツ枠  */
	width:800px;
	text-align:left;
	vertical-align:top;
	margin:0;
	padding:0;
	overflow: hidden;

	}


#main p{ /*   コンテンツ枠 テキスト  */
	font-size:0.9em;
	line-height:160%;
	}

#main_left{ /*   コンテンツ枠左  */
	width:463px;
	float:left;
	text-align:left;
	clear:both;
	vertical-align:top;
	margin:1.5em 0 0 0;
	padding:0;
	font-size:0.8em;
	line-height:135%;
	}

#main_right{ /*   コンテンツ枠左  */
	width:307px;
	float:right;
	text-align:left;
	vertical-align:top;
	margin:1.5em 0 0 0;
	padding:0;
	font-size:0.8em;
	line-height:135%;
	}




#sub{ /*   トップページライトナビ枠  */
	width:180px;
	float:right;
	text-align:left;
	margin:1.5em 0 0 0
}


#footer{ /*   フッター枠  */
	background-color:#fff;
	clear:both;
	width:800px;
	margin:0;
	padding:1em 0 10px 0;
	}


#footer_navi{/*   ヘッダ枠  */
	width:800px;
	margin:0 auto;
	text-align:left;
	clear:left;
	font-size:0.8em;
	line-height:130%;
	}

.footer_container{/*   ヘッダ枠  */
	width:800px;
	clear:both;
	margin:0 auto;
	text-align:center;
	}

/*link -------------------------------------------------------------------*/

a:link{text-decoration:underline; color:#254589 }
a:visited{text-decoration:underline; color:#001E5F }
a:active{text-decoration:none; color:#3968C0 } 
a:hover{text-decoration:none; color:#3968C0 }

a.white:link {color:#FFFFFF;text-decoration:underline;}
a.white:visited {color:#FFFFFF;text-decoration:underline;}
a.white:hover {color:#BE8AEE;text-decoration:none;}
a.white:active {color:#BE8AEE;text-decoration:none;}

/*font -------------------------------------------------------------------*/

h1 {margin:0;padding:0;}
h2 {margin:0;padding:0;clear:both;}
h3 {margin:0;padding:0;clear:both;}
h4 {margin:0;padding:0;clear:both;}
h5 {margin:0;padding:0;clear:both;}



.hx_root01{	/*  ルートタイトル  */
	color:#00827D;
	font-weight:bold;
	font-size:1em;
	margin:0 0 0.3em 0;
	clear:both;
	line-height:150%;
	padding:0 0 0 18px;
	background:url(../img/icon01.gif) no-repeat 0 2px
	}
.hx_root02{/*  ルートタイトル  */
	color:#00827D;
	font-weight:bold;
	font-size:1em;
	margin:0 0 0.7em 0;
	clear:both;
	line-height:130%;
	padding:0 0 0 10px;
	border-left:3px solid #00827D;
	}
p  {margin:0;padding:0;clear:both}


/*list -------------------------------------------------------------------*/
ul {list-style:none; margin:0;padding:0} 
ol {margin:0;padding:0} 	 

	
ul.headder_navi{	/*  イメージ横並び  */
	margin:0;
	padding:0 0 0 0;
	width:590px;
	list-style:none;
	}
/* firefox-hack */	
html[xmlns] ul.headder_navi{	/*  イメージ横並び  */
	margin:0 0 0 10px;
	padding:0 0 0 0;
	width:590px;
	list-style:none;
	}
	
.headder_navi li{	/*  イメージ横並び  */
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	}

.basic-list01{	/*  ベーシック  */
	margin:0.2em 0 0.5em 15px;
	padding:0;
	list-style:disc;
	font-size:0.9em;
	}	 

.basic-list01 li{	/*  ベーシック  */
	padding:0 0 0.3em 0;
	color:#254589
	}	 


	
.stripe-list01{	/*  縞テーブル1  */
	margin:1em 0 1em 0;
	padding:0 0 0 0;
	border-collapse: collapse; 
	border:1px solid #cccccc;
	font-size:0.9em;
	}	 
.stripe-list01 li{	/*  縞テーブル1  */
	padding:0.2em 0.8em 0.2em 0.8em;
	font-size:0.9em;
	list-style-position: inside;
	line-height:135%;
	border-collapse: collapse; 
	border:1px solid #cccccc;
	}	 
.stripe-list01 li.blue{	/*  縞テーブル1  */
	padding:0.2em 0.8em 0.2em 0.8em;
	font-size:0.9em;
	list-style-position: inside;
	border-collapse: collapse; 
	border:1px solid #cccccc;
	background-color:#CBD9F6;
	line-height:135%;
	}	

ul.sitemap { /*  サイトマップ　リスト  */
	margin:1em 0 0 25px;
	}

.sitemap li{ /*  サイトマップ　リスト  */
	list-style:none;
	background:url(../img/icon02.gif) no-repeat 0 8px;
	padding:3px 0 3px 15px;
	font-size:0.95em;
	line-height:130%;
	}





/*box/table -------------------------------------------------------------------*/

.map_top{ /*  Gマップ上テキスト  */
	text-align:left;
	background-color:#f7f7f7;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	padding:10px;
	font-weight:bold;
	font-size:1em;
	line-height:150%;
	}
	
.map_under{ /*  Gマップ下テキスト  */
	text-align:left;
	background-color:#f7f7f7;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	padding:5px 10px 5px 10px;
	width:778px;
	font-weight:bold;
	font-size:0.9em;
	line-height:150%;
	}

/* IE6-hack */	
* html .map_under{ /*  Gマップ下テキスト  */
	text-align:left;
	background-color:#f7f7f7;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	padding:10px 10px 5px 10px;
	width:800px;
	font-weight:bold;
	font-size:0.9em;
	line-height:150%;
	}



.voice_box{width:800px;clear:both;margin:0 0 3em 0;	overflow: hidden;}
.voice_left{width:320px;float:left;clear:both}
.voice_right{width:320px;float:right;clear:both}
.voice_back{	/*  お客様の声  */
	background: url(../sodan/voice_img/image04.gif) repeat-y center top;
	text-align:center;
	margin:0 auto 0 auto;
	}

.voice_message{	/*  お客様の声  */
	background: url(../sodan/voice_img/line.gif) repeat 0 -23px;
	font-size:1em;
	text-align:left;
	color:#333;
	margin:0 auto 0 auto;
	line-height:26px;
	}

.re_right{width:450px;float:right;padding:10px 0 0 0}
.re_left{width:450px;float:left;padding:10px 0 0 0}







	
/*  table template [basic_table01]  */

table.basic_table01{
	border-collapse: collapse; 
	border:1px solid #cccccc;
	}
/* firefox-hack */	
html[xmlns] table.basic_table01 th{
	font-size:0.9em;
	border-collapse: collapse; 
	border:1px solid #cccccc;
	line-height:130%;
	text-align:center;
	background-color:#DDE8FD;
	padding:0.2em 0.5em 0.2em 0.5em
	}
table.basic_table01 th{
	font-size:0.8em;
	border-collapse: collapse; 
	border:1px solid #cccccc;
	line-height:130%;
	text-align:center;
	background-color:#DDE8FD;
	padding:0.2em 0.5em 0.2em 0.5em
	}

table.basic_table01 td{
	background-color:#fff;
	text-align:left;
	border-collapse: collapse; 
	border:1px solid #cccccc;
	font-size:0.8em;
	line-height:130%;
	padding:0.2em 0.5em 0.2em 0.5em
	}
	
/* firefox-hack */	
html[xmlns] table.basic_table01 td{
	background-color:#fff;
	text-align:left;
	border-collapse: collapse; 
	border:1px solid #cccccc;
	font-size:0.9em;
	line-height:130%;
	padding:0.2em 0.5em 0.2em 0.5em
	}


table.basic_table01 td.image{
	background-color:#fff;
	text-align:left;
	border-collapse: collapse; 
	border:1px solid #cccccc;
	font-size:0.8em;
	line-height:130%;
	padding:0
	}


/*  table template [basic_table02]  */

table.basic_table02{
	border:0;
	}
table.basic_table02 th{
	font-size:0.8em;
	line-height:135%;
	text-align:left;
	background-color:#fff;
	padding:0
	}

table.basic_table02 td{
	background-color:#fff;
	text-align:left;
	font-size:0.8em;
	line-height:135%;
	padding:0.2em 0.5em 0.2em 0.5em
	}

/* firefox-hack */	
html[xmlns] table.basic_table02 td{
	background-color:#fff;
	text-align:left;
	font-size:0.9em;
	line-height:135%;
	padding:0.2em 0.5em 0.2em 0.5em
	}


table.basic_table02 td.image{
	background-color:#fff;
	text-align:left;
	font-size:0.8em;
	line-height:130%;
	padding:0
	}

/*  table template [basic_table03]  */

table.basic_table03{
	border-collapse: collapse; 
	border:1px solid #cccccc;
	}
table.basic_table03 th{
	font-size:0.8em;
	line-height:130%;
	text-align:left;
	background-color:#CBD9F6;
	padding:0.2em 0.5em 0.2em 0.5em;
	border-collapse: collapse; 
	border:1px solid #cccccc;
	}

table.basic_table03 td{
	background-color:#fff;
	text-align:left;
	font-size:0.8em;
	line-height:130%;
	border-collapse: collapse; 
	border:1px solid #cccccc;
	padding:0.2em 0.5em 0.2em 0.5em
	}


/*  table template [basic_table04]  */

table.basic_table04{
	border-collapse: collapse; 
	border:1px solid #cccccc;
	}
table.basic_table04 th{
	font-size:0.9em;
	line-height:130%;
	text-align:center;
	background-color:#DEE8FC;
	padding:0.5em 0.5em 0.5em 0.5em;
	border-collapse: collapse; 
	border:1px solid #cccccc;
	}

table.basic_table04 td{
	background-color:#fff;
	text-align:left;
	font-size:0.9em;
	line-height:130%;
	border-collapse: collapse; 
	border:1px solid #cccccc;
	padding:0.5em 0.5em 0.5em 0.5em;
	}

table.basic_table04 td.gray{
	background-color:#f7f7f7;
	text-align:left;
	font-size:0.9em;
	line-height:130%;
	border-collapse: collapse; 
	border:1px solid #cccccc;
	padding:0.5em 0.5em 0.5em 0.5em;
	}



/*  table template [basic_table05]  */

table.basic_table05{
	border-collapse: collapse; 
	border:1px solid #cccccc;
	}
table.basic_table05 th{
	font-size:0.9em;
	line-height:130%;
	text-align:left;
	width:15em;
	background-color:#DEE8FC;
	padding:0.5em 0.5em 0.5em 0.5em;
	border-collapse: collapse; 
	border:1px solid #cccccc;
	}

table.basic_table05 td{
	background-color:#fff;
	text-align:left;
	font-size:0.9em;
	line-height:130%;
	border-collapse: collapse; 
	border:1px solid #cccccc;
	padding:0.5em 0.5em 0.5em 0.5em;
	}

table.basic_table05 td.gray{
	background-color:#f7f7f7;
	text-align:left;
	font-size:0.9em;
	line-height:130%;
	border-collapse: collapse; 
	border:1px solid #cccccc;
	padding:0.5em 0.5em 0.5em 0.5em;
	}





/*  table template [faq_table01]  */


.faq_box01{
	background-color:#f7f7f7;
	border:1px solid #cccccc;
	padding:13px;
	width:672px;
	margin:0 auto 1em auto;
	text-align:left;
	}
/* IE6-hack */	
* html .faq_box01{
	background-color:#f7f7f7;
	border:1px solid #cccccc;
	padding:13px;
	width:700px;
	margin:0 auto 1em auto;
	text-align:left;
	}


/*  table template [info_table]  */


table.info_table{/*  お知らせ  */
	/*border-collapse: collapse; 
	border:1px solid #999999;*/
	border:0;
	}

table.info_table th{/*  お知らせ  */
	background-color:#fff;
	padding:5px 0 5px 0;
	text-align:left;
	vertical-align:top;
	font-size:0.8em;
	line-height:135%;
	color:#254488;
	border-bottom:1px dashed #cccccc;
	}

table.info_table td{/*  お知らせ  */
	background-color:#fff;
	padding:5px 0 5px 0;
	color:#333333;
	font-size:0.8em;
	text-align:left;
	vertical-align:top;
	line-height:135%;
	border-bottom:1px dashed #cccccc;
	}


/*form ------------------------------------------------------------------------*/


form{margin:0;padding:0}



/*  table template [form_table]  */


table.form_table{
	/*border-collapse: collapse; 
	border:1px solid #999999;*/
	border:0;
	}

table.form_table th{
	background-color:#fff;
	padding:10px 20px 10px 0;
	text-align:left;
	color:#333333;
	vertical-align:top;
	border-bottom:1px dashed #cccccc;
	font-size:0.9em;
	}

table.form_table td{
	background-color:#fff;
	padding:6px 0 6px 0;
	color:#333333;
	font-size:0.9em;
	text-align:left;
	vertical-align:top;
	line-height:135%;
	border-bottom:1px dashed #cccccc;
	}