@charset "utf-8";

/********************************************************
Copyright(C)Japan New Alpha CO., LTD. All Rights Reserved.
********************************************************/

/* Layout ********************************************/

body{
	margin: 0;
	padding: 0;
	line-height: 160%;
	color: #333;
	font-family: Meiryo, Verdana, "メイリオ", "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Osaka;
	_font-family: "ＭＳ Ｐゴシック";
	font-size: 78%;
	text-align:center;
}

#container{
	margin: 0 auto;
	width: 950px;
	position: relative;
	text-align: left;
}

#container_inner{ padding: 0 5px;}

#main{ background: url(img/bg_bottom.gif) no-repeat bottom right #fff;}

#main_inner{ padding: 0 30px 13px;}

#header{
	position: relative;
	height: 100px;
	background: url(img/header.gif);
}

#g_navi{
	height: 55px;
	background: url(img/g_navi.gif) no-repeat top;
}

#contents{
	float: left;
	width: 630px;
	min-height: 300px;
	_height: 300px;
}

#navi_right{
	float: right;
	width: 220px;
}

#footer{
	clear:both;
	background: url(img/bg_footer.gif) repeat-x top;
}

#footer_inner{
	margin: 0 auto;
	width: 950px;
	background: url(img/bg_footer_inner.gif) repeat-x top #ccebbc;
	text-align: left;
}
#footer_content{
	margin: 0 5px;
	padding: 23px 0 0;
	background: url(img/footer.gif) no-repeat top #fff;
	height: 51px;
	_height: 74px;
	overflow: hidden;
}

/* BASE ********************************************/

a{ color: #365fa3; text-decoration: none;}
a:hover{ text-decoration: underline;}

img{ border: none;}

p{ margin: 0 0 0.8em;}

.clr{ clear: both;}
.clr_l{ clear: left;}
.clr_r{ clear: right;}

/* --- margin --- */

.mg0{ margin: 0;}
.mg1{ margin: 0 0 10px;}
.mg2{ margin: 0 0 20px;}
.mg3{ margin: 0 0 30px;}
.pd0{ padding: 0;}
.pd1{ padding: 0 0 10px;}
.pd2{ padding: 0 0 20px;}
.pd3{ padding: 0 0 30px;}

/* --- align --- */

.tx_left{ text-align: left;}
.tx_rght{ text-align: right;}
.tx_cntr{ text-align: center;}

/* --- articles --- */

.unit1{ margin: 0 0 10px; clear: both;}
.unit2{ margin: 0 0 20px; clear: both;}
.unit3{ margin: 0 0 25px; clear: both;}
.unit4{ margin: 0 0 35px; clear: both;}

/* --- GET HIGHT --- */

.hght{
	display: block;
	min-height: 0;
}
.hght:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .hght{ display: inline-block;}
/* exclude ie mac \*/
* html .hght{ height: 1%;}
#contents{ text-align: justify; text-justify: inter-ideograph;}
/* all brouser */

/* --- PRINT --- */

@media print {
body { _zoom: 0.85;}
}

/* TITLES ********************************************/

h1 img{ vertical-align: bottom;}
h1, h2{ padding: 0; font-size: 12px;}
h2{
	margin: 0 0 15px;
	padding: 8px 10px 0 0;
	clear: both;
	height: 24px;
	_height: 32px;
	line-height: 24px;
	text-indent: -9999px;
	font-size: 12px;
}

#navi_right h2{ margin: 0;}

h3{
	margin: 0 0 12px;
	padding: 0 0 11px 20px;
	line-height: 140%;
	font-size: 13px;
}

/* --- buttons inner_h2 --- */

h2 span{ display: none;}
h2 a{ display: block; height: 15px;}
h2 a.btn_rss{
	float: right;
	width: 14px;
}
h2 a.btn_more{
	margin: 0 0 0 8px;
	float: right;
	width: 64px;
}

/* header ********************************************/

#header div{ position: absolute;}
#header span{ display: none;}

#header #logo{
	top: 21px;
	left: 25px;
	width: 310px;
	height: 66px;
}
#header #logo a{
	display: block;
	width: 310px;
	height: 66px;
}
#header #catch{
	top: 48px;
	left: 360px;
	width: 380px;
	height: 50px;
	overflow: hidden;
	font-size: 11px;
	_font-size: 12px;
	line-height: 14px;
}

/* navi_sml ********************************************/

#navi_sml{
	margin: 0;
	padding: 0;
	top: 38px;
	left: 752px;
	width: 173px;
	height: 31px;
	background: url(img/header_sml.gif) no-repeat top;
}
#navi_sml ul{ margin: 0; padding: 6px 0 0 96px; ist-style: none; position: relative;}
#navi_sml li{ margin: 0 4px 0 0; padding: 0; float: left;}
#navi_sml li, #navi_sml li a{ width: 21px; height: 21px; display: block;}
#navi_sml span{ display: none;}

/* global_navigation ********************************************/

#g_navi span{ display: none;}
#g_navi ul{ margin: 0; padding: 0; list-style:none;}
#g_navi li{ padding: 0; float: left;}
#g_navi li, #g_navi li a{ display: block; width: 188px; height: 55px;}
#g_navi li a{ text-decoration: none;}

#g_navi li a:hover{ background-image: url(img/g_navi.gif);}
#g_navi li#navi1 a:hover{ background-position: 0 55px;}
#g_navi li#navi2 a:hover{ background-position: -188px 55px;}
#g_navi li#navi3 a:hover{ background-position: -376px 55px;}
#g_navi li#navi4 a:hover{ background-position: -564px 55px;}
#g_navi li#navi5 a:hover{ background-position: -752px 55px;}


/* navi_right ********************************************/

#navi_right #banner_senryu{ margin: 0 0 20px;}
#navi_right #banner_senryu img{ vertical-align: bottom;}

#navi_right h2{ background: url(img/h2_sites.gif) no-repeat;}

#navi_right #sites{
	margin: 0 0 50px;
	line-height: 135%;
	border-bottom: 1px solid #ccc;
}
#navi_right #sites h3{
	margin: 0;
	padding: 0;
	font-size: 11px;
	_font-size: 12px;
	font-weight: normal;
}
#navi_right #sites div{
	padding: 0 10px 0 0;
	clear: both;
	border-bottom: 1px solid #fff;
	background-image: url(img/arrow_1.gif);
	background-repeat: no-repeat;
	background-position:  210px 25px;
}
#navi_right #sites div.color_1{ background-color: #d4f4c1;}
#navi_right #sites div.color_2{ background-color: #ddf5cf;}
#navi_right #sites div.color_3{ background-color: #e9f9e0;}
#navi_right #sites div.color_4{ background-color: #f2ffea;}
#navi_right #sites img{ float: left; width: 75px;}
#navi_right #sites div div{
	padding: 8px 0 0;
	background: none;
	clear: none;
	float: right;
	width: 128px;
	border-bottom: none;
	text-align: left;
}
#navi_right #sites p{ margin: 0; font-size: 9px;}

/* pagetop ********************************************/

.pagetop{
	margin: 0 0 0 804px;
	clear: both;
}
.pagetop a{ display: block; width: 76px; height: 12px;}
.pagetop a span{ display: none;}


/* footer ********************************************/

#footer span{ display: none;}

#footer_navi{
	margin: 0 0 14px 26px;
	padding: 0 0 0 4px;
	list-style: none;
	width: 220px;
	height: 13px;
}
#footer_navi li{ margin: 0 12px 0 0; float: left;}
#footer_navi li, #footer_navi li a{ display: block; height: 13px;}
#footer_navi .navi1, #footer_navi .navi1 a{ width: 102px;}
#footer_navi .navi2, #footer_navi .navi2 a{ width: 78px;}
#footer #copy{
	margin: 0 0 0 26px;
	width: 293px;
	height: 12px;
	text-indent: -9999px;
}