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


 Contents of this page are ,"base" and "common". 

 --------------------------------------------------------------------------------*/
 
 
@charset"UTF-8"
/* 
===== 全体 =====
*/
*{
	margin: 0;
	padding: 0;
}


/*--------------------------------------------------------------------------------
 各種初期設定
 --------------------------------------------------------------------------------*/
html {
	overflow-y:scroll;
}
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote {
	margin:0;
	padding:0;
}


img { border: none; }
li { list-style: none; }
/*
===== リンク =====
*/
a {
	color: #1e6fbc;
	text-decoration:none;
	}
a:hover {
	color: #1e6fbc;
	text-decoration:underline;
	}


/*
====  デバッグ  ====
*/
.clearfix{
    zoom:1;/*for IE 5.5-7*/
	 overflow:hidden;/*Dw*/
}
.clearfix:after {/*for modern browser*/
    content:".";
    display: block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clear {
	clear: both;
}
/*--- clearfix end */
/*--------------------------------------------------------------------------------
初期設定ここまで
 --------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------
 body
 --------------------------------------------------------------------------------*/
body {
	background-color: #EEE;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku GothicPro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #666;
	margin: 0;
	height: 100%;
}
#wrap {
	background-color: #FFF;
	width: 774px;
	margin: 0 auto;
}
#shadow_l {
	background: url(../images/template1/shadow_l.gif) repeat-y left top;
}
#shadow_r {
	background: url(../images/template1/shadow_r.gif) repeat-y right top;
}
#shadow_btm {
	margin: 0 auto;
	width: 780px;
	height: 20px;
}
#contents {
	margin: 0;
	padding: 0 7px;
	clear: both;
}
/*--------------------------------------------------------------------------------
 body  end
 --------------------------------------------------------------------------------*/

 
/*--------------------------------------------------------------------------------
 header
 --------------------------------------------------------------------------------*/
#header {
	width: 727px;
	margin: 0 11px;
	padding: 0 11px 0 0;
	height: 78px;
}
#header h1 {
	margin: 15px 0 0 4px;
	float: left;
}
#header h1 a {
	display:block;
	background: url(../images/template1/logo.gif) no-repeat left top;
	text-indent: -10000em;
	height: 63px;
	width: 79px;

}

#ul_header {
	list-style-type: none;
	margin: 15px 0 0;
	float: right;
}
#ul_header .li_header {
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
#ul_header .li_header a {
	background: url(../images/template1/head_li_out.gif) no-repeat left;
	color: #666;
	padding: 0 0 0 20px;
}
#ul_header .li_header a:hover {
	text-decoration: none;
	color: #666;
	background: url(../images/template1/head_li_ovr.gif) no-repeat left;
	padding: 0 0 0 20px;
}
/*--------------------------------------------------------------------------------
 header end
 --------------------------------------------------------------------------------*/
 
 
/*--------------------------------------------------------------------------------
 main common
 --------------------------------------------------------------------------------*/
/*
====  line  ====
*/
#line_blue {
	padding: 0 0 10px;
	border-bottom: 5px solid #1e6fbc;
}
.line_dot01 {
	background: url(../images/common/dot_blak_1_3.gif) repeat-x left top;
	display: block;
	height: 1px;
	font-size:1px;
	width: 500px;
	clear: both;
}
.line_dot02 {
	background: url(../images/common/dot_blak_1_3.gif) repeat-x left top;
	display: block;
	margin: 15px 0 ;
	height: 1px;
	width: 500px;
	clear: both;
}
.line_dot03 {
	background: url(../images/common/dot_blak_1_3.gif) repeat-x left bottom;
	display: block;
	padding:0 0 1px;
	height: 42px;
	width: 500px;
	clear: both;
}
.line_dot04 {
	background: url(../images/common/dot_blak_1_3.gif) repeat-x left top;
	font-size:1px;
	display: block;
	margin: 15px 0 0;
	height: 1px;
	width: 500px;
	clear: both;
}
.line_dot05 {
	background: url(../images/common/dot_blak_1_3.gif) repeat-x left top;
	display: block;
	padding:0 0 15px;
	height: 1px;
	width: 500px;
	clear: both;
}
/*
====  text color  ====
*/
.text_f33 {
	color: #F33;
}
.text_c60 {
	color: #c60;
}
.text_11px {
	font-size: 11px;
	font-weight: normal;
}
.text_13px {
	font-size: 13px;
	font-weight: normal;
}
/*--------------------------------------------------------------------------------
 main common end
 --------------------------------------------------------------------------------*/
 
 


/*--------------------------------------------------------------------------------
 pankuzu link
 --------------------------------------------------------------------------------*/
#pankslink {
	margin: 10px 0 0 20px;
	font-size: 10px;
	color: #999;
	letter-spacing: 1px;
}
#pankslink a {
	color: #999;
	text-decoration: none;
	border-bottom: 1px solid #999;
	line-height: 1em;
}
#pankslink a:hover {
	color: #666;
	text-decoration: none;
	border: none;
}
/*--------------------------------------------------------------------------------
 pankuzu link  end
 --------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------
 inner main
 --------------------------------------------------------------------------------*/
#main_wrap {
	background: url(../images/template1/main_bg.gif) repeat-y left top;
	margin: 10px 0 0;
	width: 760px;
}
#main {
	padding: 0 25px 0 20px;
	width: 500px;
	float: left;
}

/*サイトマップ領域　開始*/
#main_wrap_sm {
	margin: 10px 0 0;
	width: 760px;
}
#main_sm {
	padding: 0 11px 0 20px;
	width: 729px;
}
/*--------------------------------------------------------------------------------
 inner main  end
 --------------------------------------------------------------------------------*/
 
 
/*--------------------------------------------------------------------------------
 page to top
 --------------------------------------------------------------------------------*/
.page_top {
	margin: 15px 0;
	height: 12px;
	float: right;
	line-height:0;
	overflow:hidden;
}
.page_top a {
	display: block;
	text-indent: -10000px;
	background: url(../images/common/page_top.gif) no-repeat 0 0;
	height: 12px;
	width: 110px;
}

.page_top a:hover {
	background: url(../images/common/page_top.gif) no-repeat 0px -12px;
	display: block;
	text-indent: -10000px;
	height: 12px;

	width: 110px;
} 
/*--------------------------------------------------------------------------------
 page to top  end
 --------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------
 pop up
 --------------------------------------------------------------------------------*/
#contents .logo_pop {
	background: url(../images/template1/logo.gif) no-repeat left top;
	text-indent: -10000px;
	height: 63px;
	width: 79px;
}
#wrap_pop {
	background-color: #FFF;
	margin: 0 auto;
	width: 614px;
}
#shadow_btm_pop {
	margin: 0 auto;
	width: 614px;
}
#pop_main {
	margin: 0 20px 20px;
	padding: 20px 0 0;
	width: 560px;
}
#pop_main .pop_ex_title {
	background: url(../images/common/expop_title.gif) no-repeat left top;
	text-indent: -10000px;
	height: 27px;
	width: 560px;
	margin: 20px 0 0;
}
#p_ex_name{
	color:#333;
	font-size:20px;
	line-height:1em;
	margin:20px 0 15px;
}
#p_ex_name span{
	color:#666;
	font-size:13px;
}

#pop_main .p_ex_caption {
	font-size: 15px;
	padding:0 0 5px;
}
#pop_main .p_exdata {
	font-size: 13px;
	color: #1e6fbc;
	letter-spacing: 1px;
	border-bottom: 2px solid #1e6fbc;
	padding: 20px 0 0 1px;
	clear:both;
}
#pop_main .p_customer {
	letter-spacing: 1px;
	padding: 10px 0 0;
}
#pop_main .pop_table01 {
	margin: 10px 0 0;
	float: left;
}
#pop_main .pop_table02 {
	margin: 10px 0 0 26px;
	float: left;
}
#pop_main .pop_tr01 {
	background: url(../images/common/dot_blak_1_3.gif) repeat-x left bottom;
	padding-bottom: 1px;
}
#pop_main .pop_th01 {
	line-height: 1.5em;
	font-weight: normal;
	text-align: left;
	padding: 4px 0 3px 5px;
	width: 75px;
}
#pop_main .pop_td01 {
	line-height: 1.8em;
	font-weight: normal;
	text-align: left;
	padding: 0 0 0 5px;
	width: 140px;
}
#pop_main .pop_td02 {
	line-height: 1.5em;
	font-weight: normal;
	text-align: left;
	padding: 4px 0 3px 5px;
	width: 220px;
}
#footer_pop {
	border-top: 1px solid #666;
	margin: 0px auto 0;
	padding: 18px 0 10px;
	width: 560px;
}
#back {
	margin: 0 130px 0 0;
	height: 12px;
	width: 124px;
	float: left;
}
#back p {
	background: url(../images/common/expop_back.gif) no-repeat left top;
	text-indent: -10000px;
}
#back a {
	background: url(../images/common/expop_back_out.gif) no-repeat left top;
	display: block;
	text-indent: -10000px;
	height: 12px;
	width: 124px;
}
#back a:hover {
	background: url(../images/common/expop_back_ovr.gif) no-repeat left top;
	display: block;
	text-indent: -10000px;
}
#next {
	height: 12px;
	width: 124px;
	float: left;
}
#next p {
	background: url(../images/common/expop_next.gif) no-repeat left top;
	text-indent: -10000px;
}
#next a {

	text-indent: -10000px;
	background: url(../images/common/expop_next_out.gif) no-repeat left top;
	display: block;
	height: 12px;
	width: 124px;
}
#next a:hover {
	background: url(../images/common/expop_next_ovr.gif) no-repeat left top;
	text-indent: -10000px;
	display: block;
}
#close {
	margin: 0 130px 0 0;
	width: 52px;
	height: 12px;
	float: left;
}
#close a {
	background: url(../images/common/expop_close_out.gif) no-repeat left top;
	display: block;
	text-indent: -10000px;
	width: 52px;
	height: 12px;
}
#close a:hover {
	background: url(../images/common/expop_close_ovr.gif) no-repeat left top;
	display: block;
	text-indent: -10000px;
}
/*--------------------------------------------------------------------------------
 pop up  end
 --------------------------------------------------------------------------------*/
 
 
/*--------------------------------------------------------------------------------
 準備中画面
 --------------------------------------------------------------------------------*/
#main .box_caption_main_dummy {
	border:#999 solid thin;
	vertical-align:middle;
	text-align:center;
	width: 496px;
	height:100px;
}
#main .middle {
padding:40px 0 0;
} 
/*--------------------------------------------------------------------------------
 準備中画面  end
 --------------------------------------------------------------------------------*/

#gnavi {
	margin-left: 10px;
	width: 740px;
	margin-top: 15px;
}