@charset "utf-8";

* {
	margin:0;
	padding:0;
}

img {
	border:0 none;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	font-size:100%;
}

strong {
	font-weight:normal;
}

a:link { color:#1870B5; text-decoration:underline; }
a:visited {	color:#555555; text-decoration:underline; }
a:hover { color:#1870B5; text-decoration:none; }
a:active { color:#555555; text-decoration:none; }


/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac */
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
/* End clearfix */

body {
	width:100%;
	color:#000000;
	font-family:"ヒラギノ角ゴ　Pro w3","MS P Gothic",Verdana,osaka,sans-serif;
	line-height:140%;
	text-align:center;
}


#wrapper {
	width:860px;
	margin:0 auto;
	position:relative;
	text-align:left;
}


/* ▼ header ▼*/
#wrapper #header {
	margin:0 0 8px 0;
}

#wrapper #header h1{
	font-size:90%;
	margin:0 0 10px 0;
	font-weight:normal;
}

#wrapper #header .leftBox {
	width:440px;
	float:left;
}

#wrapper #header .rightBox {
	width:388px;
	float:right;
	background:url(../img/common/bg_h.gif) repeat-y right top;
	margin:0px;
	padding:0;
}

#wrapper #header .rightBox p {
	padding:5px 0 3px 8px;
}

#wrapper #header .rightBox .tel_box {
	background:url(../img/common/bg_h_bottom.gif) no-repeat right bottom;
	padding:0;
}

#wrapper #header .rightBox .tel_box p.left {
	float:left;
	padding:0 0 8px 8px;
}

#wrapper #header .rightBox .tel_box p.right {
	float:right;
	padding:0 8px 8px 0;
}

#wrapper #header .rightBox .contact_btn {
	position:absolute;
	top:3px;
	right:8px;
}

/* ▲ End header ▲*/



/* ▼ gnavi ▼*/
#wrapper #gnavi {
	font-size:0;
	line-height:0;
	margin:0 0 8px 0;
}
#wrapper #gnavi li{
	float:left;
}
/* ▲ End gnavi ▲*/


/* ▼ contentArea ▼*/

/* - font-box - */
#wrapper .fontBox {
	width:168px;
	float:right;
}

#wrapper .fontBox p.font_tx {
	float:left;
	padding:6px 6px 0 0;
}

#wrapper .fontBox ul {
	width:90px;
	font-size:0;
	line-height:0;
	float:right;
}
#wrapper .fontBox li {
	float:left;
}

#wrapper .fontBox li a{
	width:30px;
	height:24px;
	display:block;
}

#wrapper .fontBox li a span {
	display:block;
	left:-10000px;
	position:absolute;
}

#wrapper .fontBox .sizeS {
	background:url(../img/common/font_btn01_off.jpg) no-repeat left top;
}
#wrapper .fontBox .sizeM {
	background:url(../img/common/font_btn02_on.jpg) no-repeat left top;
}
#wrapper .fontBox .sizeL {
	background:url(../img/common/font_btn03_off.jpg) no-repeat left top;
}
/* - End font-box - */


#wrapper #contentArea {
	padding:0 0 20px 0;
}

#wrapper #contentArea .section {
	margin:0 0 20px 0;
	padding:0 0 0 10px;
}

#wrapper #contentArea .breadCrumb {
	width:670px;
	float:left;
	padding:0;
}

#wrapper #contentArea .title {
	width:830px;
	_width:860px;
	height:52px;
	background:url(../img/common/bg_title.jpg) no-repeat left top;
	padding:28px 0px 0px 30px;
	margin:0 0 20px 0;
	font-weight:normal;
}

#wrapper #contentArea .title h2 {
	float:left;
	font-size:140%;
	padding:0 0 30px 0;
}

#wrapper #contentArea .title .egtxt {
	float:right;
	text-align:right;
	padding:0 10px 0 0;
	font-weight:normal;
}


#wrapper #contentArea .section h3 {
	width:835px;
	height:28px;
	_width:850px;
	_height:30px;
	font-size:110%;
	background:url(../img/common/bg_title02.jpg) no-repeat left top;
	padding:3px 0px 0px 15px;
	margin:0 0 10px 0;
	
}

#wrapper #contentArea .section h4.contact {
	background:url(../img/common/icon_s02.gif) no-repeat left 5px;
	padding:0 0 3px 20px;	
}

#wrapper #contentArea .section h4 {
	background:url(../img/common/icon_s.gif) no-repeat left 5px;
	padding:0 0 3px 20px;	
}

.contact_point {
	font-weight:bold;
	color:#FF6600;
}

.contact_point02 {
	font-weight:bold;
	color:#000033;
}


/* ▲ End contentArea ▲*/


/* ▼ pgtopArea ▼ */
#wrapper #contentArea #pgtopArea {
	margin:50px 0 0 0 ;
	font-size:90%;
}

#wrapper #contentArea #pgtopArea .l_pgtop {
	float:left;
	font-weight:bold;
	background:url(../img/common/icon_m.gif) no-repeat left 5px;
	padding:0 0 0 20px;
}

#wrapper #contentArea #pgtopArea .r_pgtop {
	float:right;
	font-weight:bold;
	background:url(../img/common/icon_m.gif) no-repeat left 5px;
	padding:0 0 0 20px;
}


/* ▲ pgtopArea ▲ */

/* ▼ footer ▼*/
#footer {
	width:100%;
	background:#FFFFFF url(../img/common/bg_foot.jpg) repeat-x center top;
	text-align:center;
	padding:15px 0 20px 0;
	margin:20px 0 0 0;
}

#footer #inBox {
	width:860px;
	margin:0 auto;
	text-align:left;
}

#footer #inBox .section {
	margin:0 0 10px 0;
}

#footer #inBox .section .left{
	width:170px;
	float:left;
}

#footer #inBox .section .left02{
	width:400px;
	float:left;
	font-size:90%;
}

#footer #inBox .section .right{
	float:right;
	text-align:right;
	font-size:90%;
}

#footer #inBox .section  .copyright {
	float:right;
	padding:15px 0 0 0;
	font-size:83%;
}

/* ▲ End footer ▲*/


/* 共通 */
.pb30 {
	padding:0 0 30px 0;
}

.center {
	text-align:center;
}

#wrapper #contentArea .section .basis_table {
	width:830px;
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
}

#wrapper #contentArea .section .basis_table th {
	width:200px;
	margin:0px;
	padding:10px;
	border:1px solid #CCCCCC;
	background:#F6F6F6;
	font-weight:normal;
}

#wrapper #contentArea .section .basis_table td {
	margin:0px;
	padding:10px;
	border:1px solid #CCCCCC;
}

#wrapper #contentArea .section .basis_table td p{
	padding:0 0 10px 0;
}