@charset "UTF-8";

/* ============================================================

 * Copyright(c) YS DESIGN inc.
 * style.css

============================================================ */

/*

 * common
 * 各ブラウザ スタイルリセット

*/

body { background: #fff; }
html, body, h1, h2, h3, h4, h5, h6, p, img, ul, ol, dl, dt, dd, form { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, th, address, caption, cite, code, dfn, em, strong, b, u, s, i, th, var { font-weight: normal; text-align: left; }
img { margin: 0; border: none; vertical-align: bottom; }
p, dd, li { text-align: justify; }
ul, ol { list-style-type: none; }
address { display: inline; }
q:before,q:after { content: ''; }
hr { display: none; }




/*

 * link
 * リンク色

*/

a:link, a:visited, a:active, a:hover { color: #2e44f2; text-decoration: none !important; }

#content h1 a:link,  #content h2 a:link, #content h3 a:link, #content h4 a:link, #content h5 a:link,
#content h1 a:active, #content h2 a:active, #content h3 a:active, #content h4 a:active, #content h5 a:active, 
#content h1 a:visited, #content h2 a:visited, #content h3 a:visited, #content h4 a:visited, #content h5 a:visited { color: #666; text-decoration: none !important; }
#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover { color: #2e44f2; text-decoration: none !important; }




/*

 * font
 * フォント基本セット
 
*/

*+html body { font-size: 100% !important; }
* html body { font-size: 100% !important; }

html>/*  */body {
	font-size: 16px; /*  モダンブラウザ  */
}

body { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', MS P Gothic, sans-serif !important; color: #666; letter-spacing: 1px; }

/* 

ベースフォントサイズ 16px

63% = 10px	│	88% = 16px	│
69% = 11px	│	100% = 18px	│
69% = 12px	│	125% = 20px	│
81% = 13px	│	138% = 22px	│
75% = 14px	│	150% = 24px	│
94% = 15px	│

*/

h1 {
	font-size: 100%;
	line-height: 1.6;
	font-weight: bold;
	margin-bottom: 20px;
}

h2 {
	font-size: 88%;
	line-height: 1.6;
	font-weight: bold;
	margin-bottom: 16px;
	letter-spacing: -0px;
}

h3, h4, h5 {
	font-size: 75%;
	line-height: 1.6;
	font-weight: bold;
	margin-bottom: 12px;
}

p {
	font-size: 69%;
	line-height: 1.6;
	margin-bottom: 12px;
	color: #282828;
}

input,
.medium {
	font-size: 69%;
	line-height: 1.6;
}

.x-large {
	font-size: 150%;
	line-height: 1.6;
}

.large {
	font-size: 75%;
	line-height: 1.6;
}

.small {
	font-size: 63%;
	line-height: 1.6;
}

/* [color/] */
.color-red { color: #cc0000; }
.color-gray { color: #999; }
.color-white { color: #fff;}
/* [/color] */




/*

 * module
 * モジュール

*/

.clear { clear: both; }
.clearfix { display: inline-block; }
.clearfix:after { content: ""; display: block; clear: both; }

.L { float: left; }
.R { float: right; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.em { font-style: italic; }
.strong { font-weight: bold; }
.hidden { display: none; }
.no-bg { background: none !important; }
.no-border { border: none !important; }
.no-margin { margin: 0 !important; }
.no-padding { padding: 0 !important; }
.last { margin-bottom: 0 !important; }
.num { font-family: "Osaka" !important; }




/*

 * elements
 * 見出し、アイコンなどの汎用スタイル
 
*/

.ico-arr {
	font-weight: bold;
	padding-left: 15px;
	background: url(../img/ico_arr.gif) no-repeat 0px 4px;
}

h2.ico-arr, h3.ico-arr, h4.ico-arr, h5.ico-arr {
	background-position: 0px 7px;
} 

p.ico-arr-right {
	font-weight: bold;
	padding-top: 15px !important;
	text-align: right; 
}

p.ico-arr-right a {
	color: #2e44f2;
	font-weight: bold;
	padding-left: 10px;
	background: url(../img/ico_arr.gif) no-repeat center left;
}

.ttl-lv1 { }
.ttl-lv2 { }
.ttl-lv3 { }




/*

 * layout
 * レイアウト制御

*/

/***** container *****/
body {
	margin-left: 50px;
}

#container {
	width: 975px;
	margin: auto;
}

#container-inner {
	float: left;
	width: 850px;
	margin: auto;
	padding: 0 0 0 50px;
	border: 1px solid #bfbfbf;
	border-top: none;
}
#container-inner { display: inline-block; }
#container-inner:after { content: ""; display: block; clear: both; }

body#index #container-inner {
	width: 900px;
	padding: 0;
}

#header {
	height: 65px;
}

body#index h1 a {
	width: 207px;
	height: 26px;
	display: block;
	text-indent: -9999px;
	margin: 30px 0 40px 0;
	background: url(../img/logo.png) no-repeat 0 0;
	behavior: expression(IEPNGFIX.fix(this)); 
}

body#index #flash {
	width: 900px;
	height: 550px;
}

#container h1 a {
	width: 207px;
	height: 26px;
	display: block;
	text-indent: -9999px;
	margin: 30px 0 40px 0;
	background: url(../img/logo.gif) no-repeat 0 0;
}


/***** header *****/
#header ul#hnavi {
	float: right;
	margin: 84px 162px 0 0;
	display: inline;
}


/***** side *****/
#side {
	position: fixed;
	float: left;
	color: #666;
	width: 250px;
	display: inline;
} 
#side a:link, 
#side a:visited, 
#side a:active { color: #666; }
#side a:hover { color: #2e44f2; }

body#index #side {
	position: absolute;
	margin-left: 50px;
}


/***** side globalNavi *****/
#side #globalNavi {	padding-left: 10px; display: inline-block; }
#side #globalNavi:after { content: ""; display: block; clear: both; }

#side #globalNavi ul li { font-family: 'Helvetica', 'Arial', sans-serif !important; font-size: 100%; font-weight: bold;}
#side #globalNavi ul li ul li { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', MS P Gothic, sans-serif !important;font-size: 80%; font-weight: bold; }

#side #globalNavi ul li {
	clear: both;
	letter-spacing: 0px;
	margin-bottom: 20px;
}

#side #globalNavi ul li.active a:link,
#side #globalNavi ul li.active a:visited,
#side #globalNavi ul li.active a:active,
#side #globalNavi ul li.active a:hover,
#side #globalNavi ul li.active {
	color: #2e44f2; 
}

#side #globalNavi ul li.category .active,
#side #globalNavi ul li.child-category .active {
	padding: 0 0 8px 0;
	background: url(../img/blue_line.gif) no-repeat bottom left;
}
#side #globalNavi ul li.category .active a {
	color: #2e44f2 !important; 
}

#side #globalNavi ul li.active-line {
	padding-top: 8px;
	background: url(../img/blue_line.gif) no-repeat top left;
}

#side #globalNavi ul li.active-line ul li {
	padding-top: 0;
}

#side #globalNavi li.active-line li {
	padding-top: 0;
}

#side #globalNavi ul li.active-withChild {
	margin-bottom: 15px !important;
}

#side #globalNavi ul li.category ul,
#side #globalNavi ul li.child-category ul {
	position: static;
	line-height: 1.6;
	text-indent: 7px;
	margin: -45px 0 5px 85px;
	border-left: 1px solid #ddd;
	
	_margin: -60px 0 5px 85px;
}

#side #globalNavi ul li.active {
	color: #2e44f2;
}

#side #globalNavi ul li.category ul li,
#side #globalNavi ul li.child-category ul li {
	clear: both;
	margin-bottom: 10px !important;
}

#side #globalNavi ul li.child-category ul li ul {
	/*font-size: 88%;*/
	margin: 0 0 20px 65px;
	text-indent: 7px;
	border-left: 1px solid #ddd;
}

/* for IE 6 */
* html #side #globalNavi ul { padding-top: 8px; }
* html #side #globalNavi ul li ul,
* html #side #globalNavi ul li ul li ul { padding-top: 0; }
* html #side #globalNavi ul li.category ul li,
* html #side #globalNavi ul li.child-category ul li { text-indent: 10px; }

/* for IE 7 */
*:first-child+html #side #globalNavi ul li.category ul { margin-top: -58px; }
*:first-child+html #side #globalNavi ul li.category ul li ul { margin-top: 0; }


/***** content *****/
#content {
	float: right;
	width: 550px;
	display: inline;
}

#content a:link, #content a:active, #content a:visited { color: #666; text-decoration: underline !important; }
#content a:hover { color: #2e44f2; text-decoration: underline !important; }

#content ul#pankuzu { font-family: san-serif,  Arial, Helvetica; margin: 45px 0 12px 0; }
#content ul#pankuzu li { font-size: 69%; display: inline; }

#content ul#pankuzu a:link, #content ul#pankuzu a:active, #content ul#pankuzu a:visited { color: #666; text-decoration: none !important; }
#content ul#pankuzu a:hover { color: #2e44f2; text-decoration: none; }


/***** print *****/
div#print {
	float: right;
	width: 65px;
	text-align: left;
	padding-top: 50px !important;
}


/***** pagetop *****/
p.pagetop {
	text-align: right;
	margin: 7px;
}


/***** footer *****/
#footer {
	clear: both;
	width: 975px;
	margin: 0 auto 25px auto;
	padding-top: 2px;
}

#footer #footer-inner {
	width: 900px;
}
#footer #footer-inner { display: inline-block; }
#footer #footer-inner:after { content: ""; display: block; clear: both; }

#footer #footer-inner #copyright {
	font-size: 63%;
	text-align: right;
	margin-bottom: 25px;
}

#footer #footer-inner ul#link {
	float: left;
}

#footer #footer-inner ul#link li {
	font-size: 69%;
	float: left;
}

#footer-R {
	float: right;
}