@charset "EUC-JP";

/* レイアウト */

/* ======================================
 * -Layout-
 *
 * body - #container
 *           |-- #header
 *           |-- #main-contents
 *           |-- #secondary-contents
 *           |-- #footer
 *
====================================== */

/* Layoutbox
-------------------------------------- */

html {
	background : #eee url(/images/common_images/bg_html.gif) repeat-x 0 0;
}

body {
	background : transparent url(/images/common_images/bg_body.gif) repeat-x 0 100%;
	margin-bottom:15px;
}

div#container {
	width:750px;
	margin:0 auto;
	overflow:hidden;
}

div#header {
	width: 100%;
	height: 117px;
	margin-bottom:10px;
	position : relative;
}

div#main {
	width: 100%;
}

div#footer {
	margin-top: 0;
	width: 100%;
	height: 70px;
	clear: both;
	background : transparent url(/images/common_images/bg_footerline.gif) no-repeat center 27px;
	position : relative;
}

/* div#header
-------------------------------------- */

/* -------- logo */

h1#logo {
	position: absolute;
	width: 187px;
	height: 45px;
	top:20px;	left:1px;
	text-align:center;
}

h1#logo a {
	display:block;
	width: 187px;
	height: 45px;
	position: absolute;
	top: 0; left: 0;
}

h1#logo a img {
	position: absolute;
	top: 0; left: 0;
}

/* -------- global-navi */

ul#global-navi {
	width: 500px;
	height:40px;
	position:absolute;
	top:29px;
	right:1px;
	background : transparent url(/images/common_images/bg_globalnavi-shadow.gif) no-repeat left 33px;
}

ul#global-navi li {
	display: inline;
}

ul#global-navi li a {
	color: #f0f0f0;
	font-weight:bold;
	line-height:36px;
	text-indent:12px;
	float: left;
	display: block;
	width:100px;
	height: 35px;
	overflow: hidden;
	text-align:center;
	background-image: url("/images/common_images/bg_globalnavi.gif");
	text-decoration:none;
}

/* ニュートラル */

ul#global-navi li a.gnavi-left { background-position: left top; }
ul#global-navi li a.gnavi-center { background-position: center top; }
ul#global-navi li a.gnavi-right { background-position: right top; }

/* ロールオーバー */

ul#global-navi li a.gnavi-left:hover { background-position: left center; }
ul#global-navi li a.gnavi-center:hover { background-position: center center; }
ul#global-navi li a.gnavi-right:hover { background-position: right center; }

/* アクティブ */

ul#global-navi li a.gnavi-left-active { background-position: left 35px; }
ul#global-navi li a.gnavi-center-active { background-position: center 35px; }
ul#global-navi li a.gnavi-right-active { background-position: right 35px; }

/* -------- function-navi */

ul#function-navi {
	font-size:10px;
	position:absolute;
	top: 90px;
	right:0;
}

ul#function-navi li {
	display:inline;
	border-right: 1px solid #aaa;
	margin: 0;
	padding-left:7px;
	padding-right:7px;
}

ul#function-navi li span {
	border-left: 1px solid #aaa;
	padding-left:7px;
}

ul#function-navi li a {
	color: #aaa;
	line-height:1.2;
	letter-spacing:0.1em;
	text-decoration:none;
}

ul#function-navi li a:hover,ul#function-navi li a.fnavi-active  {
	color: #f0f0f0;
}

/* -------- works-search */

form#works-search {
	background : transparent url(/images/common_images/bg_works-input.gif) no-repeat 0 0;
	width:168px;
	height:20px;
	position:absolute;
	top:87px;
	left:0;
}

form#works-search input.works-input {
	color:#999;
	font-size:11px;
	width:100px;
	height:16px;
	float:left;
	background-color: transparent;
	border:none;
	margin: 4px 6px 0 24px;
	padding:0;
}

form#works-search input.works-input:focus {
	outline:none;
}

form#works-search input.works-submit {
	text-indent:-1000em;
	float:left;
	width: 38px;
	height: 20px;
	padding: 0;
	border: none;
	background : transparent url(/images/common_images/bg_works-submit.gif) no-repeat left top;
	cursor: pointer;
}

/* for Opera */

html:first-child form#works-search input.works-submit {
	content: "";
}

form#works-search input.works-submit:hover { background-position: left bottom; }

/* div#footer
-------------------------------------- */

/* -------- section-750px */

div.section-750px {
	background : #fff url(/images/common_images/bg_section-750px_mi.gif) repeat-y left top;
	width:750px;
	position:relative;
	margin-bottom:5px;
}

div.section-750px div.section-750px-inner {
	background : transparent url(/images/common_images/bg_section-750px_bo.gif) no-repeat left bottom;
	padding:0 10px 50px;
	overflow:hidden;
}

div.section-750px h2 {
	color:#f0f0f0;
	font-weight:bold;
	line-height:25px;
	background : transparent url(/images/common_images/bg_section-750px_to.gif) no-repeat left top;
	padding-left:30px;
	margin-bottom:1em;
}

/* -------- section-610px */

div.section-610px {
	background : #fff url(/images/common_images/bg_section-610px_mi.gif) repeat-y left top;
	width:610px;
	position:relative;
	margin-bottom:5px;
}

div.section-610px div.section-610px-inner {
	background : transparent url(/images/common_images/bg_section-610px_bo.gif) no-repeat left bottom;
	padding:0 10px 50px;
	overflow:hidden;
}

div.section-610px h2 {
	color:#f0f0f0;
	font-weight:bold;
	line-height:25px;
	background : transparent url(/images/common_images/bg_section-610px_to.gif) no-repeat left top;
	padding-left:30px;
	margin-bottom:1em;
}

/* -------- section-320px */

div.section-320px {
	background : #fff url(/images/common_images/bg_section-320px_mi.gif) repeat-y left top;
	width:320px;
	position:relative;
	margin-bottom:5px;
}

div.section-320px div.section-320px-inner {
	background : transparent url(/images/common_images/bg_section-320px_bo.gif) no-repeat left bottom;
	padding:0 10px 30px;
	overflow:hidden;
}

div.section-320px h2 {
	color:#f0f0f0;
	font-weight:bold;
	line-height:25px;
	background : transparent url(/images/common_images/bg_section-320px_to.gif) no-repeat left top;
	padding-left:30px;
	margin-bottom:0.5em;
}


/* -------- more */

a.more {
	font-family:"ＭＳ Ｐゴシック",san-serif;
	position:absolute;
	top:5px;
	right:10px;
	width:40px;
	height: 15px;
	display: block;
	background-image:url(/images/common_images/bt_more_on.gif);
	background-repeat:no-repeat;
	text-decoration:none;
}

a.more:hover img {
	visibility:hidden;
}

/* div#footer
-------------------------------------- */

/* -------- foot-navi */

ul#foot-navi {
	text-align:center;
	padding-top:6px;
}

ul#foot-navi li {
	display: inline;
	padding-left:7px;
	padding-right:7px;
}

ul#foot-navi li a {
	padding-left:12px;
	color:#ccc;
	line-height:1;
	font-weight:bold;
	background : transparent url(/images/common_images/ico_footnavi-arrow_off.gif) no-repeat left 0.1em;
	text-decoration:none;
}

ul#foot-navi li a:hover {
	color:#f0f0f0;
	background-image:url(/images/common_images/ico_footnavi-arrow_on.gif);
}

/* -------- address */

div#footer address {
	position:absolute;
	top:32px;
	left:200px;
}

/* -------- copyright */

p#copyright {
	position:absolute;
	top:47px;
	left:250px;
}

/* class
-------------------------------------- */

p.anchor-up {
	clear:both;
	text-align:right;
}

p.anchor-up a {
	color:#666;
	font-size:10px;
	line-height:1;
	padding-left:10px;
	text-decoration:none;
	background : transparent url(/images/common_images/ico_arrow-up.gif) no-repeat left 0.2em;
}

p.anchor-up a:visited {
	color:#666;
}

p.anchor-up a:hover {
	color:#666;
	text-decoration:underline;
}