@charset "shift_jis";

/* --------------------------------- */
/* 初期設定 */



*{
	margin		: 0;
	padding		: 0;
}

html{
	direction	: ltr;
	border		: 0;
}

address,blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,map,ol,p,pre,ul{
	display		: block;
}

code, pre, samp, var, kbd, input, select, textarea{
	font-family	: "メイリオ","ＭＳ Ｐゴシック", Arial, sans-serif;
}

img {
	border: 0px;
}

table {
	border-collapse: collapse;
	/* border-collapse: separate; */
}

input, select, textarea{
	font-size: 12px;	
}

a,a:link,a:visited,a:active { color: #559AC4; text-decoration: none; font-weight: normal;}
a:hover { color: #E32390; text-decoration: underline;}

.c-both {
	clear:both;
}

.none {
	display:none;
}



/* 初期設定 End */
/* --------------------------------- */

/* =============================================================== 
	フォント 
=============================================================== */
.none {display:none}

.bold {font-weight:bold;}

.normal {font-weight:normal;}

.red {color:#CC0000;}

.orange {color:#DF5900;}

.f15 {font-size:15px;}

/* =============================================================== 
	共通 
=============================================================== */

body {
	width:100%;
	font-family	: "メイリオ","ＭＳ Ｐゴシック", Arial, sans-serif;
	text-align: center;
	background-color:#E2F2FC;
}

#body {
	width:100%;
	height:100%;
	text-align: center;
	background-image: url(./images/bg.jpg);
	background-position: center top;
	background-repeat: repeat-x;
}

#container {
	margin:0px auto 0px auto;
	width:778px;
	background-image:url(./images/container_bg.jpg);
	background-repeat:repeat-y;
	background-position:center top;
}

.inside {
	margin:0px auto 0px auto;
	width:778px;
	background-image:url(./images/head_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

/*=====================
　ヘッダー　*/

#head {
	clear:both;
	margin:0px auto 0px auto;
	width:760px;
	height:63px;
	overflow:hidden;
}

#head .left {
	float:left;
	width:256px;
	height:63px;
}

#head .right {
	float:right;
	padding:10px 10px 0px 0px;
	height:63px;
	text-align:right;
}

#head .right h1 {
	font-size:11px;
	color:#FFF;
	text-align:right;
}

#head .right ul li {
	display:inline;
	font-size:11px;
	color:#FFF;
	text-align:right;
}

#head .right ul li a {color:#FFF;}



/*=====================
　メイン　*/

#main {
	clear:both;
	margin:0px auto 0px auto;
	width:760px;
	overflow:hidden;
}


/*=====================
　グローバルメニュー　*/

#main .gnavi {
	clear:both;
	width:760px;
	height:36px;
	overflow:hidden;
}

#main .gnavi ul {
	width:760px;
	height:36px;
	background-image:url(./images/gnavi.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
}

#main .gnavi ul li {
	float:left;
	display:block;
	width:152px;
	height:36px;
	list-style:none;
	overflow:hidden;
}

#main .gnavi ul li a {
	display:block;
	width:152px;
	height:36px;
	text-indent: -9999px;
	background-image:url(./images/gnavi.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}

#main .gnavi ul li.m01 a {background-position:0px 0px;}
#main .gnavi ul li.m01 a:hover {background-position:0px -36px;}
#main .gnavi ul li.m02 a {background-position:-152px 0px;}
#main .gnavi ul li.m02 a:hover {background-position:-152px -36px;}
#main .gnavi ul li.m03 a {background-position:-304px 0px;}
#main .gnavi ul li.m03 a:hover {background-position:-304px -36px;}
#main .gnavi ul li.m04 a {background-position:-456px 0px;}
#main .gnavi ul li.m04 a:hover {background-position:-456px -36px;}
#main .gnavi ul li.m05 a {background-position:-608px 0px;}
#main .gnavi ul li.m05 a:hover {background-position:-608px -36px;}


/*　End
=====================*/

#main .main {
	clear:both;
	margin:0px auto 0px auto;
	padding:20px 0px 0px 0px;
	width:720px;
}

#main .main .content {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:500px;
}


/*=====================
　サイド　*/

#main .main .side {
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:200px;
}

#main .main .side h3 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:200px;
	height:29px;
	font-size:12px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	line-height:33px;
	background-image:url(./images/subtitle_bg.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	overflow:hidden;
}

#main .main .side .box {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:200px;
}

#main .main .side .box .txt {
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	font-size:12px;
	color:#4F3F32;
	text-align:left;
	background-image:url(./images/side_content_bg.jpg);
	background-repeat:repeat-y;
	background-position:left top;
}


/*=====================
　フッター　*/

#foot {
	clear:both;
	width:778px;
	background-image:url(./images/bottom.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#foot .box {
	margin:0px auto 0px auto;
	width:760px;
	height:100px;
	background-color:#D0EAF7;
	border-top:1px solid #ECECEC;
}

#foot .box h4 {
	margin:0px auto 5px auto;
	padding:10px 0px 3px 0px;
	width:740px;
	font-size:15px;
	color:#1570A9;
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #1570A9;
}

#foot .box .inbox {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:740px;
}

#foot .box .inbox .left {
	float:left;
}

#foot .box .inbox .left ul li {
	display:inline;
	font-size:12px;
	color:#1570A9;
	text-align:left;
}
#foot .box .inbox .left ul li a {color:#1570A9;}

#foot .box .inbox .right {
	float:right;
}


#foot .copy {
	clear:both;
	height:26px;
	font-size:11px;
	color:#FFF;
	text-align:center;
	line-height:23px;
}





/* =============================================================== 
	index 
=============================================================== */

/*=====================
　ｈ２　*/

.index .top {
	width:760px;
	height:305px;
	text-align:left;
	text-indent:-9999px;
	background-image:url(./images/index/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.index .box {
	margin:0px 0px 20px 0px;
	width:500px;
}

.index .box .left {
	float:left;
	margin:0px 0px 0px 0px;
	width:170px;
	text-align:left;
}
.index .box .left img {border:1px solid #E0D7CF;}

.index .box .right {
	float:left;
	margin:0px 0px 0px 0px;
	width:330px;
	text-align:left;
}

.index .box .right h3 {
	height:23px;
	font-size:18px;
	color:#1570A9;
	font-weight:bold;
	overflow:hidden;
}

.index .box .right .sub {
	margin:0px 0px 15px 0px;
	height:19px;
	font-size:11px;
	color:#36A5E7;
	font-weight:normal;
	border-bottom:1px solid #E0D7CF;
	overflow:hidden;
}

.index .box .right .txt {
	font-size:12px;
	color:#4F3F32;
	font-weight:normal;
}

.index .box .right ul.txt {list-style:none; line-height:20px;}

.index .box .right ul.txt li {
	display:block;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	width:330px;
	height:20px;
	text-indent:10px;
	background-image:url(./images/ico.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	border-bottom:1px dotted #E0D7CF;
	overflow:hidden;
}
.index .box .right ul.txt li a {color:#4F3F32;}





/* =============================================================== 
	contents1 
=============================================================== */

.contents1 h2 {
	margin:0px 0px 25px 0px;
	width:760px;
	height:94px;
	text-indent:-9999px;
	background-image:url(./contents1/images/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.contents1 .box {
	margin:0px 0px 30px 0px;
	width:500px;
}

.contents1 .box h3 {
	height:23px;
	font-size:18px;
	color:#1570A9;
	text-align:left;
	font-weight:bold;
	overflow:hidden;
}

.contents1 .box .sub {
	margin:0px 0px 15px 0px;
	height:19px;
	font-size:11px;
	color:#36A5E7;
	text-align:left;
	font-weight:normal;
	border-bottom:1px solid #E0D7CF;
	overflow:hidden;
}

.contents1 .box .left {
	float:left;
	margin:0px 0px 0px 0px;
	width:170px;
	text-align:left;
}
.contents1 .box .left img {border:1px solid #E0D7CF;}

.contents1 .box .right {
	float:left;
	margin:0px 0px 0px 0px;
	width:330px;
	text-align:left;
}

.contents1 .box .right .txt {
	font-size:12px;
	color:#4F3F32;
	font-weight:normal;
}

.contents1 .box table {
	margin:0px 0px 0px 0px;
	width:500px;
	font-size:12px;
	color:#4F3F32;
	text-align:left;
	background-image:url(./images/table_bg.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	border:1px solid #CCC;
}
.contents1 .box table td {padding:5px; vertical-align:top; border-bottom:1px solid #CCC;}
.contents1 .box table td.title {width:189px; font-weight:bold;}

.contents1 .box table td p {margin:0px 0px 10px 0px;}

.contents1 .box table ul {list-style:none; line-height:20px;}
.contents1 .box table ul li {display:block;}
.contents1 .box table ul li a {color:#4F3F32;}





/* =============================================================== 
	contents2 
=============================================================== */

.contents2 h2 {
	margin:0px 0px 25px 0px;
	width:760px;
	height:94px;
	text-indent:-9999px;
	background-image:url(./contents2/images/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.contents2 .box {
	margin:0px 0px 20px 0px;
	width:720px;
}

.contents2 .box .left {
	float:left;
	margin:0px 0px 0px 0px;
	width:500px;
	text-align:left;
}

.contents2 .box .left h3 {
	height:23px;
	font-size:18px;
	color:#1570A9;
	font-weight:bold;
	overflow:hidden;
}

.contents2 .box .left .sub {
	margin:0px 0px 15px 0px;
	height:19px;
	font-size:11px;
	color:#36A5E7;
	font-weight:normal;
	border-bottom:1px solid #E0D7CF;
	overflow:hidden;
}

.contents2 .box .left .txt {
	font-size:12px;
	color:#4F3F32;
	font-weight:normal;
}

.contents2 .box .right {
	float:left;
	margin:0px 0px 0px 0px;
	width:220px;
	text-align:right;
}
.contents2 .box .right img {border:1px solid #E0D7CF;}


.contents2 .box .l-side {float:left; width:350px;}
.contents2 .box .r-side {float:right; width:350px;}

.contents2 .box h4 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:350px;
	height:29px;
	font-size:12px;
	color:#FFF;
	text-align:left;
	font-weight:bold;
	line-height:33px;
	text-indent:10px;
	background-image:url(./images/subtitle_bg.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	overflow:hidden;
}

.contents2 .box .inbox {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:350px;
	background-image:url(./contents2/images/content_bg.jpg);
	background-repeat:repeat-y;
	background-position:left top;
}

.contents2 .box .inbox .txt {
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	font-size:12px;
	color:#4F3F32;
	text-align:left;
}

.contents2 .box .inbox .txt .pict {float:left; width:143px; text-align:left;}

.contents2 .box .inbox .txt .txt2 {
	float:right;
	width:187px;
	font-size:12px;
	color:#4F3F32;
	text-align:left;
	overflow:hidden;
}





/* =============================================================== 
	company 
=============================================================== */

.company h2 {
	margin:0px 0px 25px 0px;
	width:760px;
	height:94px;
	text-indent:-9999px;
	background-image:url(./company/images/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.company .box {
	margin:0px 0px 20px 0px;
	width:720px;
}

.company .box .left {
	float:left;
	margin:0px 0px 0px 0px;
	width:500px;
	text-align:left;
}

.company .box .left h3 {
	height:23px;
	font-size:18px;
	color:#1570A9;
	font-weight:bold;
	overflow:hidden;
}

.company .box .left .sub {
	margin:0px 0px 15px 0px;
	height:19px;
	font-size:11px;
	color:#36A5E7;
	font-weight:normal;
	border-bottom:1px solid #E0D7CF;
	overflow:hidden;
}

.company .box .left .txt {
	font-size:12px;
	color:#4F3F32;
	font-weight:normal;
}

.company .box .right {
	float:left;
	margin:0px 0px 0px 0px;
	width:220px;
	text-align:right;
}
.company .box .right img {border:1px solid #E0D7CF;}

.company .box table {
	margin:0px 0px 0px 0px;
	width:720px;
	font-size:12px;
	color:#4F3F32;
	text-align:left;
	background-image:url(./images/table_bg.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	border:1px solid #CCC;
}
.company .box table td {padding:5px; vertical-align:top; border-bottom:1px solid #CCC;}
.company .box table td.title {width:189px; font-weight:bold;}

.company .box table td p {margin:0px 0px 10px 0px;}

.company .box table ul {list-style:none; line-height:20px;}
.company .box table ul li {display:block;}
.company .box table ul li a {color:#1570A9;}





/* =============================================================== 
	inquiry 
=============================================================== */

.inquiry h2 {
	margin:0px 0px 25px 0px;
	width:760px;
	height:94px;
	text-indent:-9999px;
	background-image:url(./inquiry/images/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.inquiry .box {
	margin:0px 0px 20px 0px;
	width:720px;
}

.inquiry .box p {
	margin:0px 0px 15px 0px;
	width:720px;
	font-size:12px;
	color:#4F3F32;
	text-align:left;
}

.inquiry .box table {
	margin:0px 0px 0px 0px;
	width:720px;
	font-size:12px;
	color:#4F3F32;
	text-align:left;
	background-image:url(./images/table_bg.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	border:1px solid #CCC;
}
.inquiry .box table td {padding:5px; vertical-align:top; border-bottom:1px solid #CCC;}
.inquiry .box table td.title {width:189px; font-weight:bold;}

.inquiry .box input {font-size:12px;}
.inquiry .box input.name {width:300px;}
.inquiry .box input.tel {width:50px;}
.inquiry .box input.btn {
	width:131px;
	height:28px;
	color:#FFF;
	line-height:29px;
	font-weight:normal;
	background-image:url(./images/form_btn.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	border:0;
	overflow:hidden;
}
.inquiry .box textarea {width:500px;}