@charset "utf-8";

/* ----------------------------------------
  Main Style Seet

	3-1.index
	3-2.contact
	3-3.
	3-4.
	3-5.
	3-6.
	3-7.
	3-8.
---------------------------------------- */


/* ----------------------------------------
  3-1.index
---------------------------------------- */

#topimage{
width:939px;
height:393px;
margin:10px auto 20px auto;
}

#topleft{
	float:left;
	display:inline;
	width:617px;
}

#topright{
	float:right;
	display:inline;
	width:307px;
}

#topleftginza{
	float:left;
	display:inline;
	width:800px;
}

#topbanner{background:url(../img/index/side_mid.png) repeat-y left;}

#topright ul{margin-left:20px;}

#topright ul li{margin-bottom:10px;
padding-bottom:1px;}

#topright ul li a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
}

.topmessagebox{
	background:url(../img/index/box3.png) no-repeat left top;
	width:587px;
	height:240px;
	padding:15px;
	margin-bottom:30px;
}

.topmessagebox p{
	color:#44332c;
	line-height:1.4;
	margin-bottom:15px;
}

.topmessagebox p.toptitle{font-size:16px;}

/* ----------------------------------------
  3-2.contact
---------------------------------------- */

.ml100{margin-left:100px;}

.table1 td input ,
.table1 td textarea{
	width:350px;
	border:1px solid #44332c;
	padding:2px;
}

#submitbtn{
	text-align:center;
	margin-bottom:20px;
}

.complete{
	background-color:#e1e1e1;
	width:660px;
	margin-left:60px;
	padding:80px 20px 100px 20px;
	text-align:center;
	
}

/* ----------------------------------------
  3-3.office
---------------------------------------- */

.messagebox{
	background:url(../img/common/box2.png) no-repeat left top;
	width:790px;
	height:190px;
	padding:15px;
	margin-bottom:30px;
}

.officetoptext{
	font-weight:bold;
	font-size:15px;
	color:#44332c;
}

.graybox{
	padding:15px;
	background-color:#e1e1e1;
	margin-bottom:40px;
}

.detailbox{
	border:1px solid #44332c;
	padding:15px;
	margin-bottom:40px;
}

.officebox{
	width:600px;
	margin-left:100px;
}
.officeimg
{
	clear: both;
}
.officeimg div.section
{
	float:left;
	width: 400px;
	height: 361px;
	margin:50px auto 50px auto;
	text-align: center;
}
.officeimg a:hover img
{
	opacity:0.8;
	filter:alpha(opacity=80);
}
.ph_box{width:580px;
		margin:20px auto 20px auto;
}
.ph_box a img{
	margin:10px 10px 10px 0;}


/* ----------------------------------------
  3-4.process
---------------------------------------- */

.process_price{
	width:220px;
	float:right;
	padding-top:15px;
}

.process_detail{width:542px;}


/* ----------------------------------------
  3-5.service
---------------------------------------- */

.servicebox{margin-bottom:20px;}

.servicebox p{
	margin-bottom:8px !important;}

.tokutenbox{
	background:url(../img/service/box.png) no-repeat left top;
	width:790px;
	height:270px;
	padding:40px 15px 0px 15px;
	font-size:13px;
}


.tokutenbox_bottom{
	background:url(../img/service/box.png) no-repeat left bottom;
	width:820px;
	height:20px;
	margin-bottom:50px;
}

.tokutenbox p ,
.tokutenbox td{
	font-size:13px;
	margin-bottom:0px !important;
	padding-bottom:5px;
	/padding-bottom:0px;
}

* html .tokutenbox td{padding-bottom:0px;}
* html .tokutenbox p{padding-bottom:2px;}

.samplequestion{
	padding:15px;
	border:3px solid #afa5a6;
	margin-bottom:50px;
}

.serviseprice{margin-bottom:30px;}

.serviseprice div{width:300px;
padding:20px 20px 20px 40px;
float:left;
display:inline;
margin-left:15px;
background-color:#e1e1e1;
}

.serviseprice div h4{
	font-size:18px;
	color:#44332c;
	margin-bottom:8px;
}

.serviseprice div td{
	padding:5px;
	}

/* ----------------------------------------
  3-6.qa
---------------------------------------- */

#qalist{margin-bottom:40px;}

#qalist li{
	background:url(../img/qa/icon_q.png) no-repeat left top;
	padding:2px 0 0 25px;
	margin-bottom:10px;
}

#qalist li a{color:#01669c;}
#qalist li a:hover{color:#0000cc;}

h3.qatitle{
	background:url(../img/qa/bg_q.png) no-repeat left top;
	width:655px;
	height:30px;
	padding:2px 0 0 39px;
	margin-bottom:15px;
	font-size:20px;
	overflow:hidden;
}

.qaanswer{margin-bottom:40px;}

.entryseparate{text-align:center;}

/* ----------------------------------------
  3-7.topics
---------------------------------------- */

.topicstitle{
	background:url(../img/topics/bg_title.png) no-repeat left top;
	width:618px;
	height:32px;
	padding-left:65px;
	margin-bottom:15px;
}

.topicsbox{margin-bottom:30px;}

/* ----------------------------------------
  3-8.campaign
---------------------------------------- */

.bg_title{
	background:url(../img/campaign/bg_title_campaign.png) no-repeat left top;
	width:820px;
	height:39px;
	font-size:25px;
}

/* ----------------------------------------
  3-9.sitemapbox
---------------------------------------- */

.sitemapbox{
	width:660px;
	padding:20px;
	background-color:#e1e1e1;
	margin-left:60px;
}

.sitemapbox li{
	font-size:14px;
	background:url(../img/common/arrow.png) no-repeat left 50%;
	padding-left:10px;
	margin-bottom:8px;
}


/* ----------------------------------------
  3-10.apply
---------------------------------------- */

.radiosize{width:20px !important;}
.sizeS{width:70px !important;}

.kiyaku{
	width:590px;
	margin-left:100px;
	height:200px;
	overflow-y:scroll;
	margin-bottom:30px;
	padding:10px 10px 20px 10px;
	border:1px solid #ccc;
}
