@charset "utf-8";
/* CSS Document */

/*基本CSS*/
a:link , a:visited , a:active {
	margin:0px;
	padding:0px;
	color:#165DEB;
	text-decoration: underline;
}

a:hover {
	color:#8ECFFF;
	text-decoration: underline;
}


body{
	height:auto;
	background:#ffffff;
	margin:0px auto;
	padding:0px;
}
	

*{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:100%;
	line-height:150%;
}
	
.over{
	overflow:hidden;
}
/*common*/

/* 水平方向の配置 */
.left   { text-align: left   !important; }
.right  { text-align: right  !important; }
.center { text-align: center !important; }

/*IME禁止*/
.no_ime{
	ime-mode:disabled; 
}

/*文字色*/
.red{
	font-color:#FF0000;
}

/* 横幅指定 */
.wLv1  { width:  30px; }
.wLv2  { width:  40px; }
.wLv3  { width:  50px; }
.wLv4  { width:  60px; }
.wLv5  { width:  70px; }
.wLv6  { width:  90px; }
.wLv7  { width: 110px; }
.wLv8  { width: 130px; }
.wLv9  { width: 150px; }
.wLv10 { width: 170px; }
.wLv11 { width: 200px; }
.wLv12 { width: 230px; }
.wLv13 { width: 260px; }
.wLv14 { width: 290px; }
.wLv15 { width: 320px; }
.wLv16 { width: 350px; }
.wLv17 { width: 400px; }
.wLv18 { width: 450px; }
.wLv19 { width: 500px; }
.wLv20 { width: 550px; }
.wLv21 { width: 600px; }
.wLv22 { width: 650px; }
.wLv23 { width: 700px; }
.wLv24 { width: 750px; }
.wLv25 { width: 800px; }
/* パディング指定 */
.pLv1  { padding-top:  1px; }
.pLv2  { padding-top:  2px; }
.pLv3  { padding-top:  3px; }
.pLv4  { padding-top:  4px; }
.pLv5  { padding-top:  5px; }
.pLv6  { padding-top:  6px; }
.pLv7  { padding-top:  7px; }
.pLv8  { padding-top:  8px; }
.pLv9  { padding-top:  9px; }
.pLv10 { padding-top:  10px; }
.pLv11  { padding-top: 11px; }
.pLv12  { padding-top: 12px; }
.pLv13  { padding-top: 13px; }
.pLv14  { padding-top: 14px; }
.pLv15  { padding-top: 15px; }
.pLv16  { padding-top: 16px; }
.pLv17  { padding-top: 17px; }
.pLv18  { padding-top: 18px; }
.pLv19  { padding-top: 19px; }
.pLv20 { padding-top:  20px; }
.pLv30 { padding-top:  30px; }
/* パディング指定 */
.fLv1  {font-size:60%}
.fLv2  {font-size:70%}
.fLv3  {font-size:80%}
.fLv4  {font-size:90%}
.fLv5  {font-size:110%}
.fLv6  {font-size:120%}
.fLv7  {font-size:130%}
.fLv8  {font-size:220%}
.box{background-color:#CCCCCC;
padding:5px;
}
#contents .estimate_box{
     border: #8da9b4; border-style: solid;
     border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
    font-size:18px;
    font-weight:bold;
    float:right;
    background-color:#F9E3C5;
    width:150px;
    height:40px;
    line-height:40px;
    text-align:center;
    padding:5px;
    color:#E60012;
    text-decoration: none;
}


div.kadomaru {
    padding:15px;
   border-radius: 20px;         /* CSS3 */
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   border: 2px #1f908a solid;     /* 枠線の装飾 */
   background-color: #EBFCFB;   /* 背景色 */
}
#container{
	width:1000px;
	margin:0px auto;
	margin-bottom: 15px;
}
/*ヘッダー*/
#header{
	padding: 5px 20px 0 20px;
	z-index:1;
}
#headCol{
	position: relative;
	text-align: left;
}
/* ロゴ================================ */
#header #logo{
	height: 56px;
	position: relative;
	background: url("../img/logo.gif") 0 0 no-repeat;
}
#header #logo a{
	width: 230px;
	height: 60px;
	top: 0px;
	left:0px;
	position: absolute;
	text-indent: -9999px;
	display: block;
}
#header .logo{
	width:626px;
	height:131px;
}

/* 右箱================================ */
#header #hdBox01{
	position: absolute;
/*	width: 211px; */
        width: 300px;
	right:0px;
	top: 3px;
	padding:15px 0px 0 100px;
	text-align: right;
}
/*--ボタン--*/

#header #hdBox01 ul li{
	display: inline;
}

#header #hdBox01 li.btn01{
	position:relative; bottom:5px; 
	background: url("../img/ic_help.png") 0 center no-repeat;
	padding-right: 10px;
	padding-left: 18px;
	
}

#header #hdBox01 p.nameBox{
	padding-left: 25px;
}

/*ユーザ*/
#header .welcome{
	padding:10px 5px 0px 0px;
	float:left;
	font-size:13px;
}

#header .top{
	width:960px;
	margin:0px auto;
	height:35px;
}

.header_inner{
	background:url(../img/header_top.jpg) repeat-x;
	width:961px;
	margin:0px auto;
	height:161px;
}

#header h1{
	padding:13px 0 0 30px;
}


/*メニュー*/
#menuBox{
	width:960px;
	margin:0px auto;
}

#menuBox .menu{
	position: relative;
	height:31px;
	padding:9px 0 0 20px;
	overflow:hidden;
	float:left;
}

#menuBox .menu li{
	position: relative;
	float:left;
	margin:0;
	padding:0;
}
#menuBox .menu li.menu_li{
	padding-left:1px;
}
#menuBox .menu_li{
	position: relative;
	padding-left:1px;
}


/*トップのメニュー*/
/* 右箱================================ */
.menu_right{
	width: 215px;
	padding:6px 0px 2px 0px;
	float:right;
}
/*--ボタン--*/
.menu_right ul{
	padding-bottom:3px;
}
.menu_right ul li{
	display: inline;
}
.menu_right ul .btn01{
	margin-right: 3px;
}



/*サブメニュー*/


#sub_menu{
	width:1000px;
	margin:0 auto;
	float:left;
	padding:0;
}

#sub_menu_inner{
	background:url(../img/bg_submenu_inner.jpg) repeat-x;
	width:948px;
	height:34px;
	margin:0px auto;
	overflow:hidden;
	vertical-align:middle;
	padding-left:10px;
}

.sub_menu_list{
	float:left;
}

.sub_menu_line{
	padding:0px 5px;
}

.sub_menu_text{
	padding:0px 10px 0px 22px;
	margin:10px 0px 0px 0px;
	background:url(../img/submenu_head.jpg) no-repeat;
}
.sub_menu_text a:link ,.sub_menu_text a:visited ,.sub_menu_text a:active {
	font-weight:bold;
	color:#333333;
	text-decoration: none;
}


.sub_menu_text a:hover {
	color:#E4007F;
	text-decoration: none;
}

#no_sub_menu{
	height:10px;
	background:url(../img/bg_no_submenu.jpg) repeat-x;
}

/*フッター*/
#footer{
	width:100%;
	padding:5px;
	margin:0px auto;
}


#footer_inner{
	width:1000px;
	text-align:center;
}

#footer_inner p{
	padding-bottom:10px;
}
#footer_inner .copy{
	margin:0px auto;
	color:#666666;
}
#contents{
	width:1000px;
	margin:0 auto;
}
#contents h2{
	padding:10px 19px;
}

#contents .header {
    display: inline-block;
    *display: inline;
    zoom: 1;
    position: relative;
	background: url('../img/top_content.png') no-repeat;
	width: 100%;
	height: 1px;
}

#contents .content{
	width: 100%;
	min-height:500px;
 	height: auto !important;
}


#contents .inner{
	width: 100%;
	background: url('../img/middle_content.png') repeat-y;
}

#contents .left_cont{
	width: 265px;
	float:left;
	text-align:left;
	float:left;
	padding:30px 30px 30px 50px;
}
#contents .lefttop{
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 265px;
	background: url('../img/bg_left_content.png') repeat-y right;
	float:left;
	text-align:left;
	padding-right:30px;
	padding-bottom:0;
}
#contents .leftbottom{
	width: 265px;
	height:10px;
	background: url('../img/bg_left_content_bottom.png') no-repeat top right;
	float:left;
	text-align:left;
	padding:0 30px 0 0;

}

.login{ margin:0px 0px 0px 0px;}
.login_head{
	width:257px;
	height:32px;
	text-indent:-9999px;
	font-size:0px;
	background-image: url('../img/top_login.png');
	background-repeat: no-repeat;
	margin:0;
	padding:0;
}
.logined_head{
	width:257px;
	height:32px;
	text-indent:-9999px;
	font-size:0px;
	background-image: url('../img/top_mypage.png');
	background-repeat: no-repeat;
	margin:0;
	padding:0;
}
.login_body{
	width:257px;
	background-image: url('../img/middle_login.png');
	background-repeat: repeat-y;
	background-position: top;
	text-align:center;
}
.login_body p{ margin-bottom:5px; font-size:100%;  line-height:1.4em;}
.login_body a:link,
.login_body a:visited{color: #0a9ddf; text-decoration: underline;}
.login_body p a:hover,
.login_body p a:active{color: #ff7200;}

.login_foot{
	width:257px;
	height:11px;
	text-indent:-9999px;
	font-size:0px;
	background-image: url(../img/bottom_login.png);
	background-repeat: no-repeat;
	margin:0;
	padding:0;
}
.login_text01{padding:5px 20px 2px 20px; font-size:1em;text-align:left;}
.login_text02{ width:210px;padding:2px 2px; font-size:1em;text-align:left;}
.login_button01{padding:0 75px 10px 75px;}

.bt_area{
	width:257px;
	text-align:center;
	padding:20px 0 20px 0;
}

#contents .right_cont{
	width: 550px;
	float:left;
	padding:0px 50px 30px 50px;
	margin-top:30px;
	text-align: left;
}
#contents #right_cont2{
	width: 580px;
	float:left;
	padding:0px 20px 20px 20px;
	margin-top:18px;
	text-align: left;
}
#contents .bottom_cont{
	width: 1000px;
	height:21px;
	background: url('../img/bottom_content.png') no-repeat;
}

#contents .process {
	width: 720px;
	margin: 10px auto 0px auto;
	text-align: center;
}

/* 詳細情報表示テーブル */
#contents .subtitle{
	width: 750px;
	padding: 5px 0px 5px 0px;
	margin: 0 auto;
}

#contents h2{width:888px; height:35px; background:url(../img/bg_title.gif) no-repeat bottom;font-size:1.8em;font-weight:bold; margin:10px auto; padding:0px 19px 4px 19px;
}
#contents h2{width/*\**/:888px\9; height/*\**/:35px\9; background/*\**/:url(../img/bg_title.gif) no-repeat bottom\9;font-size/*\**/:1.8em\9;font-weight/*\**/:bold\9; margin/*\**/:10px auto\9; padding/*\**/:12px 19px 4px 19px\9;
}
#contents #right_cont2 h2{width:550px; height:38px; background:url(../img/bg_title2.gif) no-repeat bottom;font-size:1.8em;font-weight:bold; margin:0px auto; padding:5px 19px 0px 19px;
}
#contents #right_cont2 h2{width/*\**/:550px\9; height/*\**/:38px\9; background/*\**/:url(../img/bg_title2.gif) no-repeat bottom\9;font-size/*\**/:1.8em\9;font-weight/*\**/:bold\9; margin/*\**/:0px auto\9; padding/*\**/:5px 19px 0px 19px\9;
}
#contents #right_cont2 .cont{width:560px; text-indent:1em; padding:15px 0px 0px 19px;
}
#contents h3{width:500px; height:20px; background:url(../img/bg_sub_title.gif) no-repeat left;font-size:1.3em;font-weight:bold; margin:10px 0 1px 15px;padding: 0px 0px 0px 20px;}

#contents h4{width:750px; height:20px; background:url(../img/bg_sub_title.gif) no-repeat left;font-size:1.3em;font-weight:bold; margin:10px 0 1px 15px;padding: 0px 0px 0px 20px;}

#contents .secondtitle {
	padding: 20px 0px 5px 0px;
}

#contents table.detail {
	width: 750px;
}
table.detail {
	background-color: #fff;
	width: 750px;
	padding: 10px;
	margin: 0 auto;
}

table.detail th {
	background-color: #ECF5E8;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	width: 180px
	height:30px;
	padding: 10px;
	vertical-align: top;
	font-weight: bold;
}
table.detail td.noborder4 {
	background-color: #FFF;
	border:none;
	padding: 5px;
}
table.detail th.noborder5 {
	background-color: #ECF5E8;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	width: 180px
	height:30px;
	padding: 10px;
	vertical-align: top;
	font-weight: bold;
}
table.detail td.leftborder{
	border-left: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	padding: 5px;
}
table.detail td {
	height:30px;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	border-right: solid 1px #999;
	padding: 5px;
}
table.detail td.noborder{
	border-left:none;
	border-top: none;
	border-bottom:none;
	padding: 5px;
}
table.detail td.noborder2{
	border-left: solid 1px #999;
	border-top: none;
	border-bottom:none;
	padding: 5px;
}
table.detail td.noborder3{
	border-left: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	border-right: solid 1px #999;
	padding: 5px;
}
table.detail{
	margin-bottom: 5px;
}
#contents div.btn {
	width: 570px;
	margin: 0 auto;
	padding: 10px 0px 30px 0px;
	text-align: center;
}

/* セレクトボックス */
div.selectbox {
    display: inline-block;
    *display: inline;
    zoom: 1;
    position: relative;
}

div.selectbox a.select {
	border: solid #ddd 1px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 170px;
	color: #262626;
	text-decoration: none;
	cursor: default;
}
div.selectbox a{
	text-decoration: none;
}
div.selectbox a.select span {
	padding: 0 22px 0 7px;
	display: block;
	height: 22px;
	background: url(../img/icon_select.gif) no-repeat right 0;
	line-height: 22px;
	cursor: default;
}

div.selectbox a.select:hover span { background-position: right -21px }
div.selectbox a.select_focus span { background-position: right -42px !important }

div.selectbox div.pulldown {
	border: solid #bbb 1px;
	width: 170px;
	max-height: 150px;
	position: absolute;
	left: 0;
	top: 28px;
	background: #fff;
	overflow: auto;
}

div.selectbox div.pulldown a {
	border-bottom: solid #bbb 1px;
	padding: 5px 8px;
	display: block;
}
div.selectbox div.pulldown a.last-child {
	border: none;
}
div.selectbox div.pulldown a:hover,
div.selectbox div.pulldown a.selected {
	color: #666;
	background: #eee;
	text-decoration: none;
}
.clearfix:after	{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix	{ display: inline-block; width: 100%;}
* html .clearfix	{ /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }