@charset "utf-8";

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

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

body{
	margin: 0;
	padding: 0;
	line-height:160%;
	color: #111;
	background: #fff url(img/bg.gif) top left repeat-x;
	font-family: Meiryo, Verdana, "メイリオ", "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Osaka;
	_font-family: "ＭＳ Ｐゴシック";
	font-size: 78%;
	text-align:center;
}

#container{
	margin: 0 auto;
	width: 1000px;
	position: relative;
}

#header{
	margin: 0 20px;
	position: relative;
	height: 120px;
}

#navi_top{
	margin: 0;
	padding: 0;
	top: 25px;
	left: 471px;
	background: url(img/header_navi.gif) no-repeat left;
	width: 240px;
	height: 14px;
}

#contents{
	float: right;
	width: 768px;
}
#contents_inner{
	padding: 0 45px 0 33px;
}

#navi_left{
	margin: 0;
	padding: 0;
	float:left;
	width: 210px;
}

#footer{
	clear:both;
	background: url(img/bg_footer.gif) repeat-x top;
	min-height: 100px;
	_height: 100px;
}
#footer_inner{
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

/* PAGES LAYOUT ********************************************/

.pages{ padding: 0 0 0 20px}
.pages #contents_inner{ padding: 15px 45px 0 33px;}

.toppage h1, #category_title{
	float: left;
	width: 210px;
}
.toppage h1{ height: 80px;}

#category_title{
	margin: 30px 0 25px;
	height: 50px;
	text-indent: -9999px;
}
.pages h1{
	margin: 0 0 10px;
	height: 119px;
	line-height: 119px;
}

#main_inner #contents{ min-height: 620px; _height: 620px;}

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

a{ color: #365fa3; text-decoration: none;}
a:hover{ text-decoration: underline;}
.anothersite a{
	padding: 0 15px 0 0;
	background: url(img/icon_link.gif) no-repeat right center;
}

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;}
.mg4{ margin: 20px 0 0;}

/* --- 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;}

.article1{ margin: 0 2px 25px; clear: both; text-indent: 1em;}
.article2{ margin: 0 0 25px; clear: both;}
.article2 p{ padding: 0 2px; text-indent: 1em;}
.article3{ margin: 0 5px;}
.article4{ margin: 0 2px 25px;}
.article_entry{ margin: 0 5px 25px; clear: both;}

/* --- floats_2 --- */

.l_166{ float: left; width: 166px;}

.l_215{ float: left; width: 215px;}
.r_105{ float: right; width: 105px;}

.r_210{ float: right; width: 210px;}

.r_143{ float: right; width: 143px;}

.l_190{ float: left; width: 190px;}
.r_131{ float: right; width: 131px;}

.l_160{ float: left; width: 160px;}
.r_160{ float: right; width: 160px;}

.r_275{ float: right; width: 275px;}

.r_340{ float: right; width: 340px;}

.l_125{ float: left; width: 125px;}
.r_200{ float: right; width: 200px;}

.l_155{ float: left; width: 155px;}
.r_170{ float: right; width: 170px;}

.l_315{ float: left; width: 315px;}
.r_355{ float: right; width: 355px;}

.l_335{ float: left; width: 335px;}
.r_335{ float: right; width: 335px;}

.l_345{ float: left; width: 345px;}
.r_325{ float: right; width: 325px;}

.l_385{ float: left; width: 385px;}
.r_285{ float: right; width: 285px;}

.l_230{ float: left; width: 230px;}
.r_440{ float: right; width: 440px;}

.l_270{ float: left; width: 270px;}
.r_400{ float: right; width: 400px;}

.l_400{ float: left; width: 400px;}
.r_270{ float: right; width: 270px;}

.l_280{ float: left; width: 280px;}
.r_390{ float: right; width: 390px;}

.l_440{ float: left; width: 440px;}
.r_230{ float: right; width: 230px;}

.l_210{ float: left; width: 210px;}
.r_460{ float: right; width: 460px;}

.l_355{ float: left; width: 355px;}
.r_315{ float: right; width: 315px;}

.l_350{ float: left; width: 350px;}
.r_330{ float: right; width: 330px;}

.l_310{ float: left; width: 310px;}
.r_360{ float: right; width: 360px;}

.l_540{ float: left; width: 540px;}

.l_560{ float: left; width: 560px;}

.l_440 p, .r_440 p, .l_350 p{ padding: 0 2px; text-indent: 1em;}
.l_230 img, .l_280 img, .l_310 img, .r_230 img, .r_330 img, .r_400 img{ margin: 3px 0 10px; vertical-align: bottom;}

/* --- floats_3 --- */

.c3_680{ padding: 0 5px 20px;}
.c3_L, .c3_C, .c3_R{ width: 210px;}
.c3_L, .c3_C{ float: left;}
.c3_L{ margin: 0 25px 0 0;}
.c3_R{ float: right;}

/* --- lists --- */

#contents_inner ul{ margin: 0 0 1em 1em; padding: 0 0 0 0.5em;}
#contents_inner ol{ margin: 0 0 1em 1em; padding: 0 0 0 1.5em;}

.dl_1 dt{
	margin: 0 0 0.3em;
	padding: 0 1em;
	background: #f2f2f2 url(img/left_bg_banners.gif) repeat-x top;
	border-top: 1px solid #ddd;
}
.dl_1 dd{ margin: 0 0 0.5em 1em;}

/* --- TOPICS - NEW ICON --- */

.topics img{ margin: 0 0 0 5px; vertical-align: middle; _vertical-align: 1px;}
.topics span.new{ display: none;}

/* --- BUTTONS --- */

.google_map{
	background: url(img/btn_googlemap.gif) no-repeat;
	width: 145px;
	height: 18px;
}
.google_map a{
	display: block;
	width: 145px;
	height: 18px;
}
.google_map a span{ display: none;}

/* --- tables --- */

table, tr, th, td{ border-collapse: collapse;}

/* --- 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.8;}
}

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

h1{ margin: 0; text-indent: -9999px;}
h1, h2{ padding: 0; font-size: 12px;}
h2{
	margin: 0 0 15px;
	padding: 8px 11px 0 0;
	clear: both;
	height: 22px;
	_height: 30px;
	line-height: 22px;
	text-indent: -9999px;
	font-size: 12px;
}

#navi_left h2{ margin: 0;}

h3{
	margin: 0 0 12px;
	padding: 0 0 5px 8px;
	font-size: 13px;
}

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

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

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

#header div, #header ul, #header h1{ position: absolute;}
#header img{ vertical-align: bottom;}

#header #logo{
	margin: 0;
	top: 14px;
	left: 21px;
	width: 270px;
	height: 40px;
	text-indent: 0;
}

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

/* --- pagetop --- */

#footer span{ display: none;}

.pagetop{
	margin: 0 25px 10px 865px;
	clear: both;
}
.pagetop a{ display: block; width: 70px; height: 10px;}
.pagetop a span{ display: none;}

#contents .pagetop{
	margin: 0 0 15px 620px;
}

#footer_navi{
	margin: 28px 0 0;
	padding: 0 0 0 4px;
	list-style: none;
	width: 330px;
	height: 13px;
	background: url(img/footer_navi.gif) no-repeat left;
}
#footer_navi li{ margin: 0 10px 0 0; float: left;}
#footer_navi li, #footer_navi li a{ display: block; height: 13px;}
#footer_navi .navi1, #footer_navi .navi1 a{ width: 116px;}
#footer_navi .navi2, #footer_navi .navi2 a{ width: 106px;}
#footer_navi .navi3, #footer_navi .navi3 a{ width: 80px; margin: 0;}
#footer #copy{
	margin: 17px 0 0;
	background: url(img/footer_copy.gif) no-repeat;
	width: 293px;
	height: 14px;
	text-indent: -9999px;
	overflow: hidden;
}