@charset "utf-8";
/* CSS Document */

/* ======= LAYOUT ===============================*/
html {
	background: url(../images/bg_body.gif) 0 0 repeat;
}

body {
	padding: 0 0 20px;
	background: url(../images/bg_body.gif) 0 0 repeat;
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	line-height: 1.5;
	text-align: center;
}

.wrap {
	background: #FFFFFF;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	font-size: 93%;
}

#head {
	height: 80px;
}

#head #logo {
	position: absolute;
	top: 25px;
	left: 15px;
}

#h_menu {
	position: absolute;
	top: 15px;
	right: 16px;
}

#h_menu li {
	float: left;
	background: url(../images/line.gif) 0 0 no-repeat;
	padding-left: 10px;
	margin-left: 14px;
	line-height: 1.1;
	white-space: nowrap;
	font-size: 100%;
}

#h_lang {
	display: none;
}

/* ===== font size ===== */
#font-size {
	position: absolute;
	top: 42px;
	right: 255px;
	line-height: 1;
	list-style: none;
}

#font-size li {
	float: left;
	padding-left: 2px;
}

#font-size li.font_txt {
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/parts.png) no-repeat 0 -70px transparent;
	width: 77px;
	height: 20px;
}

#font-size a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/parts.png) no-repeat -0px -70px transparent;
}

#font-size .fontM a {
	background-position: -79px -70px;
	width: 44px;
	height: 20px;
}

#font-size .fontL a {
	background-position: -125px -70px;
	width: 44px;
	height: 20px;
}
#font-size .fontM a:hover { background-position: -79px -90px;}
#font-size .fontL a:hover { background-position: -125px -90px;}


/* ===== menu ===== */
#menu {}

#menu li {
	float: left;
	height: 35px;
	list-style: none;
}

#menu li a {
	display: block;
	background: url(../images/parts.png) 0 0 no-repeat;
	height: 35px;
	width: 160px;
	text-indent: -9999px;
	overflow: hidden;
}

#menu #menu_1 a {background-position: 0 0;}
#menu #menu_2 a {background-position: -160px 0;}
#menu #menu_3 a {background-position: -320px 0;}
#menu #menu_5 a {background-position: -480px 0;}
#menu #menu_4 a {background-position: -640px 0;}
#menu #menu_6 a {background-position: -800px 0;}


#menu #menu_1 a:hover { background-position: 0 -35px;}
#menu #menu_2 a:hover { background-position: -160px -35px;}
#menu #menu_3 a:hover { background-position: -320px -35px;}
#menu #menu_5 a:hover { background-position: -480px -35px;}
#menu #menu_4 a:hover { background-position: -640px -35px;}
#menu #menu_6 a:hover { background-position: -800px -35px;}

/* ===== topic path ===== */
#main #t_path {
	white-space: nowrap;
	font-size: 85%;
	line-height: 1.2;
	background-color: #FFFFFF;
	padding: 14px 0 14px 20px;
}

#main #t_path a {
	background: url(../images/arr.gif) 0 3px no-repeat;
	margin-right: 7px;
	padding-left: 10px;
	color: #333333;
}

/* ===== main ===== */
#main {
	background-color: #EFEFEF;
}

#sub {
	float: left;
	width: 195px;
}

#sub li {
	list-style: none;
	line-height: 1.1;
	font-size: 102%;
	letter-spacing: -1px;
}

#sub li.sub_orange a {
	background: none;
    background-color: #ffd57f;
	border: 1px solid orange;
    padding: 10px 0 0 20px;
    height: 40px;
	line-height: 1.0rem;
}

#sub li a {
	display: block;
	background: url(../images/bg_menu.png) 0 0 no-repeat;
	padding: 11px 5px 0 26px;
	height: 25px;
	font-weight: bold;
}

#sub li a:hover, #sub li.now a {
	background-position: -195px 0;
}

#sub li ul li a {
	background: #EEEEEE url(../images/bg_menu.png) -780px 0 no-repeat;
	padding: 9px 10px 8px 26px;
	font-size: 95%;
	letter-spacing: 1px;
	font-weight: normal;
	height: auto;
}

#sub li ul li a:hover, #sub li ul li.now a {
	background-position: -975px 0;
}

#sub li.now ul li a {
	border: none;
	padding: 3px 0 3px 16px;
	font-weight: normal;
}

#contents {
	float: right;
	width: 725px;
	padding: 0 20px 20px;
	_height: 500px;
	min-height: 500px;
	background-color: #FFFFFF;
}

#contents a {
	color: #1151B9;
}

#contents #contents_l {
	float: left;
	width: 500px;
}

#contents #contents_r {
	float: right;
	width: 210px;
}


/* ===== page top ===== */
.page_top {
}

.page_top a {
	display: block;
	width: 96px;
	height: 28px;
	background: url(../images/pagetop.png) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 0 auto;
}

#page_end {
	background: url(../images/bg_page_end.gif) 0 0 no-repeat;
	padding-top: 28px;
}

#page_end a {
	display: block;
	width: 96px;
	height: 28px;
	background: url(../images/pagetop.png) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	bottom: 36px;
	right: 15px;
}

/* ===== foot ===== */
#foot {
	clear: both;
	background-color: #FFFFFF;
	border-top: 1px solid #CFCFCF;
	position: relative;
	line-height: 1.1;
	font-size: 93%;
	padding: 13px 15px;
	overflow: hidden;
}

#foot ul {
	float: left;
}

#foot li {
	float: left;
	background: url(../images/arr.gif) 0 3px no-repeat;
	padding-left: 10px;
	margin-right: 14px;
}

#foot p {
	float: right;
	color: #333333;
}

/* ===== search ===== */
#google-search {
}

#google-search #query {
    background: url(../images/parts.png) no-repeat scroll 0 -110px transparent;
    border: none;
    height: 23px;
    padding-left: 10px;
    position: absolute;
    top: 40px;
    right: 51px;
    width: 184px;
	line-height: 23px;
}

#google-search #btn_search {
	position: absolute;
	top: 40px;
	right: 15px;
}


/* ===== Link ===== */
a:link, a:visited { color: #333333; text-decoration: none;}
a:hover, a:active { color: #333333; text-decoration: underline;}

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

/* DreamWeaver */
.clearfix + *{ clear: both;}