@charset "Shift_JIS";

/* --------------------------------------------------------- */
/* Common Style Sheet - Aqanaut [www.aqasystems.com] */
/* image directory : img/ */
/* --------------------------------------------------------- */

/* COMMON STYLE */
/* --------------------------------------------------------- */

/* all */
*{
	margin:0;
	padding:0;
}

/* other tags:
	blockquote, abbr, acronym, address, code,
	del, dfn, em, q, fieldset, 
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, img, dl, dt, dd, ol, ul, li,form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	text-align:left;
}

/* other blocks :
	address, blockquote, center, dir, fieldset, menu, noframes, noscript,
*/
table, form, h, hr, div, dl, ol, ul, p, pre{
	position:relative;
}



/* COMMON STYLE - INDIVIDUALLY */
/* --------------------------------------------------------- */

html{
	overflow-y:scroll;
	width:100%;
}

body{
	color:#303030;
	font-size:78%;
	width:100%;
	background-color:#ffffff;
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
	line-height:146%;
}

div{
}

span{
}

h1, h2, h3, h4, h5, h6{
	text-indent:0px;
}

h4, h5, h6{
}

p{
	text-indent:0px;
}

ul, ol, dl{
	list-style-position:outside;
}

ul{
	list-style-type:disc;
}

ol{
	list-style-type:decimal;
}

li, dt, dd{
	text-indent:0px;
}

li, dd{
	margin-left:16px;
}

/* Tables still need 'cellspacing="0"' in the html markup. */
table{
	border-collapse:collapse;
	empty-cells:show;
}

thead, tfoot, tbody{
}

tr{
}

td, th, caption{
}

br{
	/* kill bug for ie. */
	letter-spacing:normal;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after{
	content:"";
}
blockquote, q{
	quotes:"" "";
}

img{
}

noscript{
	color:#cc0000;
	font-weight:bold;
}



/* MATRIX */
/* --------------------------------------------------------- */

.i{
	/*visibility:hidden;*/
	width:1px;
	height:1px;
	width:inherit;
	height:inherit;
}

.c{
	margin:8px;
}

.cc{
	width:93%;
	margin-left:auto;
	margin-right:auto;
}

.ccc{
	margin:20px;
}

.st{
	margin-top:16px;
}

.sb{
	margin-bottom:16px;
}

.left{
	float:left;
	display:inline;
}

.right{
	float:right;
	display:inline;
}

.center{
	margin-left:auto;
	margin-right:auto;
}

.acenter{
	text-align:center;
}

.aleft{
	text-align:left;
}

.aright{
	text-align:right;
}

.clear{
	clear:both;
}

.absolute{
	position:absolute;
}



/* USEFUL */
/* --------------------------------------------------------- */

input, textarea{
	padding:1px;
}

input.text, textarea.text{
	font-size:110%;
}

td.title{
	padding:4px 4px 2px 4px;
	vertical-align:middle;
}

div.line{
	/* kill bug for ie */
	height:1px;
	background:#e0e0e0;
}

.copyright{
	font-size:90%;
	background:#f0f0f0;
	text-align:center;
}

dl.triangle{
	list-style-type:none;
}

dl.triangle dt{
	font-size:120%;
	line-height:110%;
	background-image:url('img/listdeco_triangle.gif');
	background-repeat:no-repeat;
	background-position:2px left;
	margin-top:5px;
	margin-left:0px;
	padding-left:20px;
	color:#000000;
}

dl.triangle dd{
	margin:5px 10px 15px 20px;
	color:#303030;
}

ul.orangetriangle{
	margin:4px 10px 10px 10px;
}

ul.orangetriangle li{
	list-style-type:none;
	background-image:url('img/textdeco_triangle_orange.gif');
	background-repeat:no-repeat;
	background-position:top left;
	margin-top:5px;
	margin-left:0px;
	padding-left:20px;
	line-height:110%;
	color:#000000;
}

div.comment{
	background:#e6f3f8;
	padding:10px;
	margin:10px;
	border:solid 1px #84adba;
}
div.notice{
	background:#f0ece4;
	padding:10px;
	margin:10px;
	border:solid 1px #b19b92;
}
div.annotate{
	font-size:80%;
}
div.comment strong, div.notice strong{
	font-size:100%;
	font-weight:bold;
	color:#cc0000;
}

span.p{/* span as to paragraph */
	display:block;
	margin-top:7px;
}



/* LINK DECORATION */
/* --------------------------------------------------------- */

/* DEFINED CLASS */
a:link{
	color:#0000dd;
	text-decoration:underline;
}
a:visited{
	color:#0000dd;
	text-decoration:underline;
}
a:active{
	color:#cc0000;
	text-decoration:underline;
}
a:hover{
	color:#cc4400;
	text-decoration:underline;
}

a.skin:link{
	color:#000000;
	text-decoration:underline;
}
a.skin:visited{
	color:#000000;
	text-decoration:underline;
}
a.skin:active{
	color:#000000;
	text-decoration:underline;
}
a.skin:hover{
	color:#b04000;
	text-decoration:underline;
}

a.footer:link{
	color:#000000;
	text-decoration:none;
}
a.footer:visited{
	color:#000000;
	text-decoration:none;
}
a.footer:active{
	color:#000000;
	text-decoration:none;
}
a.footer:hover{
	color:#b04000;
	text-decoration:none;
}

/* OTHER */
.linkhome{
	cursor:pointer;
	padding-left:17px;
	background:url('img/linkdeco_home_u.gif') no-repeat left center;
}

.linksearch{
	cursor:pointer;
	padding-left:17px;
	background:url('img/linkdeco_search.gif') no-repeat left center;
}

.linksitemap{
	cursor:pointer;
	padding-left:17px;
	background:url('img/linkdeco_sitemap_u.gif') no-repeat left center;
}

.linkinquiry{
	cursor:pointer;
	padding-left:17px;
	background:url('img/linkdeco_inquiry_u.gif') no-repeat left center;
}

.link{
	cursor:pointer;
}



/* BASE STRUCTURE */
/* --------------------------------------------------------- */

/* LAYETR 1 */
.container{
	width:100%;
	text-align:center;
}

/* LAYETR 2 */
.page_header,
.page_top,
.page_menu,
.page_main,
.page_bottmo,
.page_footer{
	width:inherit;
	text-align:center;
}

/* LAYETR 3 */
.base{
	margin-left:auto;
	margin-right:auto;
}

/* EACH SETTINGS */

/* PAGE [HEADER] */
.page_header{
	height:44px;
	background:url('img/skin_header_bgi.gif') repeat-x top left;
}
.page_header .base{
	height:inherit;
	width:800px;
}

/* PAGE [TOP] */
.page_top{
	text-align:center;
	height:258px;
	background:url('img/skin_top_bgi.gif') repeat-x top left;
}
.page_top .base{
	height:inherit;
	width:907px;
}

/* PAGE [MENU] */
.page_menu{
	height:43px;
	background:url('img/skin_menu_bgi.gif') no-repeat center center;
}
.page_menu .base{
	height:inherit;
	width:800px;
}

/* PAGE [MAIN] */
.page_main{
}
.page_main .base{
	background:url('img/skin_main_bgi_mid.gif') repeat-y top right;
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
	/* INDIVIDUALS : START */
	.page_main .base_top{
		background:url('img/skin_main_bgi_top.gif') no-repeat top right;
		width:800px;
		height:7px;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
	}
	.page_main .base_btm{
		background:url('img/skin_main_bgi_btm.gif') no-repeat top right;
		width:800px;
		height:7px;
		margin-bottom:10px;
		margin-left:auto;
		margin-right:auto;
	}
	/* INDIVIDUALS : END */

/* PAGE [BOTTOM] */
.page_bottom{
	text-align:center;
}
.page_bottom .base{
	text-align:center;
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
	/* INDIVIDUALS : START */
	.page_bottom .band{
		background:#000000 url('../img/bottom_mainimage.jpg') no-repeat top right;
		height:90px;
	}
	/* INDIVIDUALS : END */

/* PAGE [FOOTER] */
.page_footer .base{
	width:800px;
}
.page_footer{
	background:url('img/skin_footer_bgi.gif') repeat-x bottom left;
}



/* CONTENTS BOX */
/* --------------------------------------------------------- */

.leftcontents{
	margin:0px;
	float:left;
	width:184px;
}

.maincontents{
	margin:7px 15px 0px 0px;
	float:right;
	width:580px;
	display:inline;
}

.rightcontents{
}

.box{
	padding:10px;
	background:#f3f6ee;
	border:solid 1px #8b9b59;
	border-top:solid 3px #8b9b59;
	margin-bottom:10px;
	color:#404040;
}


/* CONTENTS - PAGE [HEADER] */
/* --------------------------------------------------------- */

.page_header .base .logo{
	float:left;
	margin-top:6px;
}
.page_header .base .logo img{
	width:279px;
	height:38px;
}

.page_header .base .intro{}
.page_header .base .intro img{}

.page_header .base .navi{
	float:right;
	text-align:right;
	margin-top:6px;
}



/* CONTENTS - PAGE [TOP] */
/* --------------------------------------------------------- */

.page_top .base .mainimage{
	background:url('../img/top_mainimage.jpg') no-repeat top left;
	width:907px;
	height:258px;
}

.page_top .base .topics{}
.page_top .base .topics h4,
.page_top .base .topics ul{}



/* CONTENTS - PAGE [MENU] */
/* --------------------------------------------------------- */

.page_menu .base a.menu{
	margin:0px;
	padding:0px 20px 0px 20px;
	float:left;
	overflow:hidden;
	display:block;
	background:url('img/skin_menu_btn.gif');
	height:43px;
	background-repeat:no-repeat;
}

	/* INDIVIDUALS : START */
	.page_menu .base div.clearance{
		float:left;
		height:43px;
		width:70px;
	}
	/* INDIVIDUALS : END */

.page_menu .base a.menu span{
	display:block;
	margin-top:13px;
}

.page_menu .base a.menu:link,
.page_menu .base a.menu:visited{
	background-position:top left;
}

.page_menu .base a.menu:active,
.page_menu .base a.menu:hover{
	background-position:bottom left;
}



/* CONTENTS - PAGE [MAIN] */
/* --------------------------------------------------------- */

.page_main .navi{
}



/* LEFT CONTENTS */
.leftcontents div.head{
	border:solid 1px #e5d4c0;
	border-bottom:none;
	background-color:#a3804f;
	color:#ffffff;
	padding:3px 2px 1px 2px;
}

.leftcontents div.body{
	border:solid 1px #e5d4c0;
	border-top:none;
	padding:10px 2px 10px 2px;
}
.leftcontents div.foot{
}

.leftcontents h1{
}

.leftcontents h2{
}

/* MAIN CONTENTS */
.maincontents div.head{
}
.maincontents div.body{
}
.maincontents div.foot{
}
.maincontents h1{
	border-bottom:solid 1px #868686;
	padding:2px;
}
.maincontents h2{
	margin-top:25px;
	padding-bottom:1px;
	background:url('img/textdeco_dotted.gif') repeat-x left bottom;
}
.maincontents h2 span{
	font-size:140%;
	font-weight:normal;
	padding-left:25px;
	background:url('img/textdeco_whiteball.gif') no-repeat left top;
}
.maincontents h3{
	font-size:120%;
	margin-top:10px;
}
.maincontents h4{
	font-size:110%;
	margin-top:10px;
}
.leftcontents h3{
	font-size:90%;
	margin:10px 0px 3px 0px;
	padding-bottom:1px;
	background:url('img/textdeco_dotted.gif') repeat-x left bottom;
}
.leftcontents h3 span{
	font-weight:normal;
	padding:1px 0px 0px 15px;
	background:url('img/textdeco_whiteball.gif') no-repeat -5px center;
}

/* RIGHT CONTENTS */
.rightcontents div.head{
	border:solid 1px #e5d4c0;
	border-bottom:none;
	background-color:#a3804f;
	color:#ffffff;
	padding:3px 2px 1px 2px;
}
.rightcontents div.body{
	border:solid 1px #e5d4c0;
	border-top:none;
	padding:10px 2px 10px 2px;
}
.rightcontents div.foot{
}
.rightcontents h1{
}
.rightcontents h2{
}



/* PAGE BOTTOM */
/* --------------------------------------------------------- */

div.pagebottom{
	width:inherit;
	/* background-image:url('img/bottomnavi_background.png'); */
	background-repeat:no-repeat;
	background-position:top left;
	margin-top:5px;
	text-align:center;
}

div.bottomnavi{
	width:inherit;
	padding:23px 0px 0px 0px;
	text-align:center;
}

.bottomnavi a{
	margin:0px 8px;
}

div.outrotext{
	margin:40px 10px 0px 10px;
	color:#303030;
	text-align:left;
	line-height:100%;
}