@charset "utf-8";


/******************************************************************************

フォントサイズ デフォルト12pxの場合

10px/84%  11px/92%  12px/100%  13px/109% 14px/117% 15px/125% 16px/134%
17px/142% 18px/150% 19px/159% 20px/167% 21px/175% 22px/184% 23px/192%
24px/200% 25px/209% 26px/217%

******************************************************************************/

/******************************************************************************

フォントサイズ デフォルト13pxの場合

10px/77%  11px/85%  12px/93%  13px/100% 14px/108% 15px/116% 16px/124%
17px/131% 18px/139% 19px/147% 20px/154% 21px/162% 22px/170% 23px/177%
24px/185% 25px/193% 26px/200%

******************************************************************************/

/******************************************************************************

フォントサイズ デフォルト14pxの場合

10px/72%  11px/79%  12px/86%  13px/93% 14px/100% 15px/108% 16px/115%
17px/122% 18px/129% 19px/136% 20px/143% 21px/150% 22px/158% 23px/165%
24px/172% 25px/179% 26px/186%

******************************************************************************/

.clear {
	clear: both;
}
.clearfix {
	zoom: 100%;
}
.clearfix:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
a:link {
	color: #0B8BD2;
}
a:visited {
	color: #0B8BD2;
}
a:hover {
	text-decoration: none;
}
a:active {
}
.linkBox {
	cursor: pointer;
}
body {
	text-align: center;
	min-width: 1000px;
}
img {
	vertical-align: middle;
}
a { /* FireFox リンク選択時の点線を消す　*/
    overflow: hidden;
    outline: none;
}
.ov:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
.ovImg:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}

/**********************************

 general

***********************************/
.floatL {
	float: left;
}
.floatR {
	float: right;
}

/**********************************

 layout

***********************************/
body {
	background: url(../images/body_bg.jpg);
}
#wrap {
	background: url(../images/main_bg.jpg) center top repeat-x;
}
#head {
	width: 1200px;
	height: 760px;
	margin: 0 auto;
	background: url(../images/main_img.jpg) center top no-repeat;
}
#head h1 {
	width: 175px;
	padding-top: 20px;
	margin: 0 auto 135px;
}
#head ul {
	width: 820px;
	margin: 0 auto;
}
#content {
	width: 940px;
	margin: 0 auto;
}
#content .sec {
	margin-bottom: 50px;
}
#content .sec_01 .pic {
	padding-top: 40px;
	margin-left: 55px;
}
#content .sec_02 .pic,
#content .sec_04 .pic {
	padding-top: 12px;
	margin-right: 55px;
}
#content .sec_03 .pic {
	padding-top: 150px;
	margin-left: 20px;
}
#content .sec .box {
	width: 724px;
}
#content .sec .box .box_inner {
	background: url(../images/box_bg.png) center top repeat-y;
}
#content .sec .box h2 {
	width: 670px;
	margin: 0 auto;
}
#content .sec .box ul {
	width: 670px;
	padding-bottom: 10px;
	margin: 0 auto;
}
#content .sec .box ul li {
	padding: 12px 0 7px 5px;
	border-bottom: 1px dotted #ccc;
	font-size: 167%;
	color: #999;
}
#content .sec .box ul li.fontSmall {
	font-size: 140%;
}
#content .sec .box ul li a {
	text-decoration: none;
}
#content .sec .box ul li a:hover {
	text-decoration: underline;
}
#foot {
	clear: both;
	width: 940px;
	padding-bottom: 200px;
	margin: 0 auto;
}