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


#main_visual{
	width:100%;
	height:150px;
	position:relative;
	background:#a2cd0e;
}

.company_title{
	width:1100px;
	height:60px;
	margin:0 auto;
}
h2{
	color:#FFF;
	font-size:320%;
	text-align:center;
	line-height:90px;
	letter-spacing:2px;
}

.title_box{
	width:1100px;
	height:100px;
	margin:0 auto;
}
p.big_title{
	font-size:186%;
	color:#FFF;
	text-align:center;
	line-height:50px;
}




#nav_back{
	width:100%;
	height:83px;
	background:#a2cd0e;
	position:relative;
	border-top:3px solid #7da003;
}
nav{
	width:1100px;
	height:83px;
	margin:0 auto;
}


nav li{
	float:left;
	width:150px;
	height:75px;
	margin-left:100px;
	margin-top:4px;
}


/*--====== パンくずリスト ======--*/



#pan_box{
	width:100%;
	height:50px;
	border-bottom:1px solid #a2cd0e;
	background:#fff;
	color:#535353;
}


#pan_list{
	width:1100px;
	height:50px;
	color:#535353;
	margin:0 auto;
}

/* リスト */
ol.topic-path {
list-style-type: none; /* リストマーク非表示 */
line-height:50px;
font-size:123.1%; /* 文字サイズ */
}
/* リスト項目 */
ol.topic-path li {
display: inline; /* 項目を横並び */
}

ol.topic-path li.first{
	padding-left:30px;
}


ol.topic-path li.second{
	padding-left:5px;
}


ol.topic-path li.first {
	background-image:url(../img/top_pan.png) ;
	background-position:5% 0%; /*リストマーク左5％　上から５０％*/
	background-repeat:no-repeat;
}

/* リンクエリア */
ol.topic-path li a {
padding-right: 23px; /* 右パディング */
background: url(../img/navi-marker.gif) no-repeat right ; /* 矢印記号（※） */
}
/* リンク色 */
ol.topic-path li a {
color:#a2cd0e;
text-decoration:underline;
}
/* リンク色（マウスオーバー） */
ol.topic-path li a:hover{
	color:#F60;
}


/*--====== ここまでパンくずリスト ======--*/

#contants{
	width:1100px;
	height:2000px;
	margin-bottom:150px;
}

section#box{
	width:1100px;
	height:auto;
}

h2.content_title{
	margin-top:30px;
	font-size:250%;
	color:#535353;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:center;
}

h3.content_title{
	margin-top:30px;
	margin-bottom:20px;
	font-size:250%;
	color:#535353;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:center;
}

/*///////　テーブル　/////////*/
#table_box{
    width: 1100px;
	float:left;
	margin:0px 0 70px 0;
}

table.listing_price {
	border-collapse: collapse;
	text-align: left;
	border-top: 1px solid #7da003;
	border-bottom: 1px solid #7da003;
	border-left: 15px solid #7da003;
}
table.listing_price th {
	width: 150px;
	padding:10px 15px;
	background:#a2cd0e;
	font-weight: bold;
	font-size:131%;
	text-indent:0.5em;
	color: #FFF;
	border-right: 1px solid #59493f;
	border-bottom: 1px solid #59493f;
}

table.listing_price td.centaer_box{
	width:950px;
	background:#FFF;
	padding:10px 15px;
	font-size:116%;
	text-align:left;
	border-right: 1px solid #59493f;
	border-bottom: 1px solid #59493f;
	color: #535353;
}

/*--/// アクセス ///--*/
#access_text{
	color:#666;
	font-weight:bold;
	text-decoration:none;
	font-size:123.1%;
	letter-spacing:2px;
}
	
#access_text:hover{
	color:#F30;
	text-decoration:underline;
}


/*///////　ここまでテーブル　/////////*/





/*///////　テーブル　/////////*/
#table_box03{
    width: 1100px;
	float:left;
	margin:0px 0 150px 0;
}

table.listing_price03 {
	border-collapse: collapse;
	text-align: left;
	border-top: 1px solid #7da003;
	border-bottom: 1px solid #7da003;
	border-left: 15px solid #7da003;
}
table.listing_price03 th {
	width: 200px;
	padding:10px 15px;
	background:#F9F3EA;
	font-size:108%;
	text-indent:0.5em;
	color: #362e2b;
	border-right: 1px solid #59493f;
	border-bottom: 1px solid #59493f;
}

table.listing_price03 td.centaer_box{
	width:900px;
	background:#FFF;
	padding:10px 15px;
	font-size:100%;
	text-align:left;
	border-right: 1px solid #59493f;
	border-bottom: 1px solid #59493f;
	color: #535353;
	
}
input[type="text"], textarea {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #CCCCCC;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1) inset;
}
span.hissu{
	color:#F60;
	padding-left:5px;
}
.centaer_box01{
	width:800px;
	background:#FFF;
	padding:10px 15px;
	font-size:100%;
	text-align:left;
	border-right: 1px solid #59493f;
	border-bottom: 1px solid #59493f;
	color: #535353;
}

/*チェックボックス縦並び*/
.check{
	position:relative;
	top:3px;
}


/*確認・リセットボタン*/
#btn_box{
	margin-top:50px;
	width:1020px;
	height:45px;
	text-align:center;
	line-height:45px;
}

.btn{
	width:95px;
	height:45px;
	background:#a2cd0e;
	color:#FFF;
	cursor:pointer;
	margin-left:40px;
	font-size:116%;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	font-weight:900;

 }


.btn:hover{
	text-decoration:underline;
	-webkit-text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;
	-moz-text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;
	-ms-text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;	
    text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;	
}
/* Tooltip */

.tooptip-body{
	position: absolute;
	padding: 10px 10px;
	letter-spacing:1px;
	font-size:116%;
	border: 2px solid #CC3;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	color:#CC3;
	box-shadow: 0 1px 1px rgba(0,0,0, .4);
}


select.box_size{
	font-size:116%;
	font-weight:800;
	width:210px;
	height:40px;
	color:#535353;
}



/* クリックしたらフォームの淵が光る */
td.custom input[type="text"],
td.custom textarea {
	outline: none;
	border: 1px solid #aaa;
	-webkit-transition: all .3s;
	transition: all .3s;
}

td.custom input[type="text"]:focus,
td.custom textarea:focus {
	box-shadow: 0 0 7px #DBD8A4;
	border: 1px solid #DBD8A4;
}



/*///////　ここまでテーブル　/////////*/