@charset "UTF-8";

/*--------------------------------------------*/
/* CSS RESET                                  */
/*--------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
fieldset,img { 
	border: 0;
	padding: 0;
	margin: 0;
	display: block;
}
address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border: 0;
}

/*--------------------------------------------*/
/* clearfix                                   */
/*--------------------------------------------*/

.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: block;
	min-height: 1%;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*--------------------------------------------*/
/* float                                      */
/*--------------------------------------------*/

.fltL {	float:  left;}
.fltR {	float: right;}

/*--------------------------------------------*/
/* tool                                       */
/*--------------------------------------------*/

.clear { clear: both;}
.clear span { display: none;}
.block { display: block;}
.inline { display: inline;}
.nobg {	background: none !important;}


/*--------------------------------------------*/
/* img                                        */
/*--------------------------------------------*/

.imgC { text-align: center; margin: 0 auto;}
.imgR { text-align: right;}
.imgL { text-align: left;}
.imgL img,
.imgC img,
.imgR img { display: inline;}

/*--------------------------------------------*/
/* txt                                        */
/*--------------------------------------------*/

.bold {	font-weight: bold;}
.n-bold { font-weight: nomal;}
.txtL { text-align: left;}
.txtC {	text-align: center;}
.txtR {	text-align: right;}
.font10 { font-size: 10px;}
.font12 { font-size: 12px;}
.font14 { font-size: 14px;}
.line14 { line-height: 1.4;}
.line16 { line-height: 1.6;}
.line18 { line-height: 1.8;}



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

body {
	font-family: "Meiryo","lr SVbN", Osaka, "qMmpS Pro W3";
	line-height: normal;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
}

/*ie7*/
*:first-child+html body {
	font-size:75%;
}
	
/*ie5-6*/
* html body {
	font-size:75%;
}

* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));/* IE6PNG΍ */
}


/* link
-----------*/
a { color: #000000; text-decoration: none;}

a:hover { color: #000000; text-decoration: underline;}


/* 0=wrapper
-------------------------------------------------------------*/
#wrapper { width: 970px; margin: 0 auto; color: #000000; text-align: left;}



/* 1=header
-------------------------------------------------------------*/
#header { width: 950px !important; width: 970px; height: 121px; padding: 0 10px;}

#header_top {
	width: 950px;
	height: 63px;
	background: url(../img/common/header_top_bg.jpg) no-repeat;
}

#header_top a { display: none;}

#header_bottom { width: 940px !important; width: 950px; height: 58px; background: #000000; padding-left: 10px;}
#header_bottom #header_tit { float: left;}
#header_bottom #header_rss { padding-top: 20px; padding-right: 35px; float: right;}



/* 3=contents
-------------------------------------------------------------*/
#contents {
	clear: both;
	background: #ffffff;
	width: 950px !important;
	width: 970px;
	padding: 0 10px;
}

/* global_navi
-----------*/
ul#gnavi {
	background: url(../img/common/gnavi_bg.jpg) left top repeat-x;
	width: 924px !important;
	width: 950px;
	height: 40px;
	padding: 0 13px;
}
ul#gnavi li { float: left; display: inline; width: 153px; height: 30px; margin-left: 1px; margin-top: 10px;}
ul#gnavi li a { width: auto; height: 30px; display: block;}


#container {
	clear: both;
	overflow: hidden;
	width: 950px;
	background: #ffffff;
	padding-bottom: 19px;
	padding-top: 43px;
}

#container_tit { width: 950px; height: 100px; margin-bottom: 35px;}


/* pagetop
-------------*/
.pagetop { width: 950px; height: 10px;}
.pagetop img { float: right;}


/* 4=footer
-------------------------------------------------------------*/
#footer {
	clear: both;
	width: 950px !important;
	width: 970px;
	height: 26px !important;
	height: 36px;
	background: #ffffff;
	padding: 10px;
}
#footer_l { float: left;}
#footer_l p { float: left; padding-left: 15px;}
#footer_r { float: right;}



/*------------------------------------------------------------------------------------------ index.html */

.container_in { padding: 0 43px;}

#index div.index_frame { width:865px; background: #000000; clear: both; padding: 10px 0;}
#index div.index_frame .index_tit { padding: 0 15px; font-size: 14px; color: #ffffff; float: left;}
#index div.index_frame .index_tit a { color: #ffffff; text-decoration: none;}
#index div.index_frame .index_tit a:hover { color: #ffffff; text-decoration: underline;}
#index div.index_frame .index_new { padding: 3px 10px 0 10px; float: right;}

#index div.index_frame p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}

* html #index div.index_frame p {/* IE 6 */
	display: inline;
	zoom: 1;
}

*:first-child+html #index div.index_frame p {/* IE 7 */
	display: inline;
	zoom: 1;
}

/*\*//*/
* html #index div.index_frame p {
display: inline-block;
}
/**/


#index .main_frame {
	width: 849px !important;
	width: 865px;
	background: url(../img/main_frame_bg.jpg) top left repeat-y;
	padding: 8px;
	clear: both;
	color: #ffffff;
	float: left;
	margin-bottom: 50px;
}
#index .main_frame .date { text-align: right; font-size: 10px;}
#index .main_frame .in { width: 849px; overflow: hidden; margin-top: 10px; color: #cccccc; line-height: 200%;}
#index .main_frame .in .left_frame { width: 472px !important; width: 480px; padding-left: 8px; float: left;}
#index .main_frame .in .right_frame { width: 353px; float: right; padding-top: 5px;}
#index .main_frame .in a { color: #cccccc; text-decoration: underline;}
#index .main_frame .in a:hover { color: #cccccc; text-decoration: none;}



#index .sub_frame { clear: both; width: 859px !important; width: 865px; border: 1px #cccccc solid; padding: 2px; line-height: 140%;}
#index .sub_frame .frame_all { width: 859px; clear: both; overflow: auto;}
#index .sub_frame .frame_all .frame { width: 428px; padding-bottom: 40px;}
#index .sub_frame .sub_index_frame { width: 408px !important; width: 428px; padding: 0 8px 0 12px; background: #ffffff;}
#index .sub_frame .sub_index_frame .left { width: 150px; height: 107px; float: left;}
#index .sub_frame .sub_index_frame .left img { border: 1px #cccccc solid; display: block;}

#index .sub_frame .sub_index_frame .right { width: 254px; float: right; background: url(../img/sub_index_bg.jpg) left top repeat-y;}
#index .sub_frame .sub_index_frame .right_in {
	width: 234px !important;
	width: 254px; height: 102px; background: url(../img/sub_index_bg.jpg) left top repeat-y;
	padding: 5px 10px 0 10px;
}
#index .sub_frame .sub_index_frame .right_in p { width: 234px !important; padding-bottom: 5px;}
#index .sub_frame .sub_index_frame .right_in img { float: left; padding-right: 5px; padding-top: 2px;}


/*------------------------------------------------------------------------------------------ category_index.html */

#category div.index_frame { width:865px; background: #000000; clear: both; padding: 10px 0;}
#category div.index_frame .index_tit { padding: 0 15px; font-size: 14px; color: #ffffff; float: left;}
#category div.index_frame .index_tit a { color: #ffffff; text-decoration: none;}
#category div.index_frame .index_tit a:hover { color: #ffffff; text-decoration: underline;}
#category div.index_frame .index_new { padding: 3px 10px 0 10px; float: right;}

#category div.index_frame p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}

* html #category div.index_frame p {/* IE 6 */
	display: inline;
	zoom: 1;
}

*:first-child+html #category div.index_frame p {/* IE 7 */
	display: inline;
	zoom: 1;
}

/*\*//*/
* html #category div.index_frame p {
display: inline-block;
}
/**/


#category .main_frame {
	width: 849px !important;
	width: 865px;
	background: url(../img/main_frame_bg.jpg) top left repeat-y;
	padding: 8px;
	clear: both;
	color: #ffffff;
	float: left;
	margin-bottom: 30px;
}
#category .main_frame .date { text-align: right; font-size: 10px;}
#category .main_frame .in { width: 849px; overflow: hidden; margin-top: 10px; color: #cccccc; line-height: 200%;}
#category .main_frame .in .left_frame { width: 472px !important; width: 480px; padding-left: 8px; float: left;}
#category .main_frame .in .right_frame { width: 353px; float: right; padding-top: 5px;}
#category .main_frame .in a { color: #cccccc; text-decoration: underline;}
#category .main_frame .in a:hover { color: #cccccc; text-decoration: none;}

#category .archives_frame { width: 863px; margin-top: 60px; clear: both;}
#category .archives_frame .tit { padding-bottom: 10px;}

#category .archives_frame dl {
	width: 859px !important;
	width: 863px;
	background: url(../img/archives_dl_bg.jpg) left top repeat-y;
	overflow: hidden;
	padding-left: 4px;
	padding-top: 1px;
}
#category .archives_frame dl dt { clear: both; float: left;  width: 118px; padding: 10px 0; margin-bottom: 1px; background: #ffffff;}
#category .archives_frame dl dd { float: right; width: 739px; padding: 10px 0; margin-bottom: 1px; background: #ffffff; margin-right: 1px; display: inline;}
#category .archives_frame dl span { padding-left: 10px;}
#category .archives_frame dl dd a { text-decoration: none;}
#category .archives_frame dl dd  a:hover { text-decoration: underline;}


/*------------------------------------------------------------------------------------------ moreinfo.html */

#moreinfo .main_frame {
	width: 849px !important;
	width: 865px;
	background: url(../img/main_frame_bg.jpg) top left repeat-y;
	padding: 8px;
	clear: both;
	color: #ffffff;
	float: left;
}
#moreinfo div.index_frame { width:488px; background: #000000; clear: both; padding: 30px 0; float: left;}
#moreinfo div.index_frame .index_tit { padding: 0 15px; font-size: 14px; color: #ffffff;}
#moreinfo div.index_frame .index_tit a { color: #ffffff; text-decoration: none;}
#moreinfo div.index_frame .index_tit a:hover { color: #ffffff; text-decoration: underline;}
#moreinfo .main_frame .new { float: right; padding-top: 5px; padding-right: 5px;}
#moreinfo .main_frame .date { font-size: 10px; float: right;}
#moreinfo .main_frame .in { width: 849px; overflow: hidden; color: #cccccc; line-height: 200%;}
#moreinfo .main_frame .in .left_frame { width: 488px; float: left;}
#moreinfo .main_frame .in .right_frame { width: 353px; float: right;}
#moreinfo .main_frame .in a { color: #cccccc; text-decoration: underline;}
#moreinfo .main_frame .in a:hover { color: #cccccc; text-decoration: none;}

#moreinfo .sub_frame { width: 841px !important; width: 865px; padding: 0 12px; clear: both; line-height: 200%;}
#moreinfo .sub_frame p { padding: 25px 0;}
#moreinfo .sub_frame .info_link { text-align: center;}
#moreinfo .sub_frame .info_link a { text-decoration: none;}
#moreinfo .sub_frame .info_link a:hover { text-decoration: underline;}