@charset "utf-8";



/*---------------------------------------------



基本スタイルシート



---------------------------------------------*/



/* ▼全体 */



* html {font-family: 'メイリオ', 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', 'Osaka‐等幅', sans-serif, Verdana;}



body {background: #fff;}



p {

	line-height: 130%;

	font-family: 'メイリオ', 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', 'Osaka‐等幅', sans-serif, Verdana;

}



th,td,h2,h3,h4,li {font-family: 'メイリオ', 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', 'Osaka‐等幅', sans-serif, Verdana;}



a {color: #3286d2;}



a:hover {

	color: #f00;

	text-decoration: underline;

}



#wrapper {text-align: center;}



/* ▼SEOエリア */



#seo {

	width: 950px;

	height: 30px;

	margin: 0 auto;

	text-align: left;

	background: #eeefef;

}



h1 {

	padding-top: 7px;

	margin-left: 10px;

	height: 23px;

	_height: 30px; /* IE6ハック */

	font-size: 78%;

	font-weight: normal;

}



h1 a {color: #595757;}



h1 a:hover {

	color: #595757;

	text-decoration: underline;

}



/* ▼ヘッダ */



header {

	display: block;

	width: 950px;

	height: 90px;

	margin: 0 auto;

	text-align: left;

}



#site_logo {

	padding-top: 20px;

	float: left;

	width: 500px;

}



#logo_menu {

	padding-top: 50px;

	float: right;

	width: 220px;

}



/* ▼メニュー */



nav {

	display: block;

	width: 950px;

	height: 58px;

	margin: 0 auto;

	text-align: left;

}



nav li {float: left;}



nav li a {

	display: block;

	width: 190px;

	height: 58px;

	text-indent: -9999px;

	background: url("../img/menu_btn.gif");

}



nav li#btn01 a {background-position: 0px 0px;}



nav li#btn01 a:hover {background-position: 0px 58px;}



nav li#btn02 a {background-position: -190px 0px;}



nav li#btn02 a:hover {background-position: -190px 58px;}



nav li#btn03 a {background-position: -380px 0px;}



nav li#btn03 a:hover {background-position: -380px 58px;}



nav li#btn04 a {background-position: -570px 0px;}



nav li#btn04 a:hover {background-position: -570px 58px;}



nav li#btn05 a {background-position: -760px 0px;}



nav li#btn05 a:hover {background-position: -760px 58px;}



/* ▼コンテンツ */



article {

	display: block;

	width: 950px;

	margin: 35px auto 0 auto;

	text-align: left;

}



/* ▼メイン部分 */



#main {

	width: 680px;

	margin: 0 auto;

	text-align: left;

	float: left;

}



#main h2 {

	display: block;

	width: 670px;

	height: 32px;

	_width: 680px; /* IE6ハック */

	_height: 40px; /* IE6ハック */

	padding: 8px 0 0 10px;

	margin: 20px 0;

	color: #3e3a39;

	font-size: 115%;

	font-family: Verdana, 'メイリオ', 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', 'Osaka‐等幅', sans-serif;

	font-weight: bold;

	text-align: left;

	background: url("../img/h2_back.gif") no-repeat;

}



/* ▼サイド部分 */



#side {

	width: 230px;

	margin: 0 auto;

	text-align: left;

	float: right;

}



#inquiry_box {

	width: 230px;

	height: 220px;

	background: #dededf;

	margin-bottom: 25px;

}



#inquiry_box h2 {

	color: #00288c;

	margin: 0 15px;

	padding: 10px 0 6px 20px;

	font-size: 90%;

	border-bottom: #00288c 3px solid;

	background: url("../img/inquiry_square.gif") no-repeat;

	background-position: 0px 15px;

}



#inquiry_box p {

	color: #000;

	margin: 0 10px 0 15px;

	padding-top: 6px;

	font-size: 71%;

}



#inquiry_address {

	margin: 10px 15px;

	line-height: 0;

}



#inquiry_btn {

	margin-left: 15px;

	line-height: 0;

}



.news_box {margin: 10px 0;}



h2.side_title {

	display: block;

	width: 220px;

	height: 24px;

	_width: 230px; /* IE用ハック */

	_height: 28px; /* IE用ハック */

	padding: 4px 0 0 10px;

	margin-bottom: 10px;

	color: #fff;

	font-size: 90%;

	font-weight: bold;

	text-align: left;

	background: url("../img/h2_side.gif") no-repeat;

}



.news_box ul {margin-bottom: 25px;}



.news_box li {

	color: #dadf00;

	list-style: square;

	font-size: 84%;

	padding-left: 5px;

	margin: 0 0 5px 20px;

}



.black {color: #000;}



#banner li {margin-bottom: 20px;}



/* ▼フッター */



footer {

	display: block;

	width: 950px;

	margin: 20px auto 0 auto;

	border-top: #000 1px solid;

	padding: 10px 0 20px 0;

	text-align: left;

}



footer .footer_menu {

	width: 200px;

	float: left;

}



footer p {

	width: 630px;

	color: #000;

	font-size: 78%;

	text-align: left;

	float: right;

}



/*---------------------------------------------



Font Size



32px 200～203

30px 188～190

28px 175～178

26px 163～165

24px 150～153

22px 138～140

20px 125～128

19px 119～121

18px 113～115

17px 107～109

16px 100～103

15px 94～96

14px 88～90

13px 82～84

12px 75～78

11px 69～71 *

10px 63～65 *



* IE6,7では，文字コードをUTF-8以外の日本語コードShift_JISやEUC-JPにするか，font-familyで最初に日本語フォントを指定しないと，日本語フォントが指定どおりの大きさにならない。



---------------------------------------------*/