@charset "utf-8";
/*
Theme Name: Golden Mean
Theme URI: http://www.golden-mean.co.jp/
Description: "Golden Mean" site theme.
Version: 1.0
Author: Petabit Co.
Author URI: http://www.petabit.co.jp/
Tags: blue, custom header, fixed width, two columns, widgets
*/


/*																			----------------------------------------------------------------------------------------------------------------------------------------------------------------
	init start*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	/*\*//*/font-family:’ヒラギノ角ゴ Pro W3′;/**/
	vertical-align: baseline;
	background: transparent;
	color:#FFFFFF;
}

body {
	line-height: 1;
	background-color: #1a1c20; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image: url(images/head_back.jpg); background-repeat: repeat-x;
	scrollbar-face-color: #0a0a0a;/* 表面の色 */
	scrollbar-3dlight-color: #0a0a0a;/* 左端と上端の色 */
	scrollbar-highlight-color: #333333;/* ハイライトの色 */
	scrollbar-shadow-color: #333333;/* 影の色 */
	scrollbar-darkshadow-color: #0a0a0a;/* 右端と下端 */
	scrollbar-arrow-color: #0099cc;/* 矢印の色 */
	scrollbar-track-color: #111111;/* バーの背景の色 */
}

blockquote, q {
	quotes: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a{ text-decoration:none;color:#0099CC;}
/*a:link,a:visited{color:#003366;}
a:hover{color:#CC0000;}
a:active{color:#EE8E8E;}*/

h1{ font-size:150%;}
h2{ font-size:135%;}
h3{ font-size:120%;}
h4{ font-size:110%;}
h5{ font-size:100%;}
h6{ font-size:90%;}

.clearfix:after { clear: both; height: 0; visibility: hidden; display: block; content: "."; }
.clearfix { display: inline-block; }
/*Hides from IE-mac\*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }
/*End hide from IE-mac\*/

.non{display:none}

hr{ border-style: dotted none none none;border-top-width: 1px;border-top-color: #666666;height: 1px; }
.inline{display:inline;}
.alignright{float:right;}
.aligncenter{margin-left:auto;margin-right:auto;display:block;}
.pos_fix{width:1px;height:1px;padding-bottom:70px;float:left;}
*:first-child+html .pos_fix{padding-bottom:40px;position:static;}

/*																			init end//
----------------------------------------------------------------------------------------------------------------------------------------------------------------
	header start*/

#head{position:absolute; z-index:1; top:17px;left:0px;width:1000px;text-align:right;}
#head h1 a{background-image:url(images/logo.png);display:block;width:303px;height:24px;margin:0px 0px 8px 693px;text-align:left;text-indent:-9999px;/*\*/ overflow: hidden;/**/}
#head dl dt{display:none;}
#head dl dd{display:inline; color:#FFFFFF; padding:0px; margin:0px;}
#head dl dd a{ display:block;float:right;padding:0px 12px 4px 0px; font-size:90%; color:#FFFFFF;}
#head dl dd a.fstcld{padding:0px 0px 4px 0px;}
#head dl dd a:link.act,#head dl dd a:visited.act,
#head dl dd a:hover.act,#head dl dd a:active.act{ background:url(images/blue_dot.gif) repeat-x 0px 100%;color:#FFFFFF; font-weight:bold;}
#head dl dd a:link,#head dl dd a:visited{ background:url(images/gray_dot.gif) repeat-x 0px 100%; color:#FFFFFF;}
#head dl dd a:hover,#head dl dd a:active{ background:url(images/blue_dot.gif) repeat-x 0px 100%; color:#FFFFFF;}

/*																			header end//
----------------------------------------------------------------------------------------------------------------------------------------------------------------
	font-resize start*/

#fontsize{position:absolute; z-index:2; top:65px; left:0px;text-align:right; clear:both;background:url(images/fontsize.png) no-repeat 0 0; width:100px; height:25px; margin-left:895px;padding:6px 5px 0px 0px;}
#fontsize img{ margin:0px 3px 0px 0px; cursor:pointer;}

/*																			font-resize end//
----------------------------------------------------------------------------------------------------------------------------------------------------------------
	container start*/

#flash_area{height:429px; background:url(images/head_left.jpg) no-repeat;}
#container{ width:100%; background:url(images/footer_center.gif) repeat-x 0px 100%; padding:0px 0px 75px 0px; }

/*																			container end//
----------------------------------------------------------------------------------------------------------------------------------------------------------------
	main start*/

#main{ width:836px; background:url(images/head_left.jpg) no-repeat; padding:125px 0px 0px 164px; }
#main_box{ background:url(images/main_back.png) repeat; padding:8px 8px 30px 15px; min-height:450px; }

#main_box .title { float:none; background:url(images/circle.png) 0px 50% no-repeat; padding:3px 0px 3px 25px; color:#0099cc; font-size:75%; letter-spacing:normal; margin:5px 0px 5px 0px; }
#main_box .title h2{ color:#FFFFFF; display:inline; font-size:140%;}

.item_txt{ padding:2px 0px 10px 8px; clear:left; font-size:75%; line-height:180%; }
.item_txt .item_logo{margin:0px 0px 10px 0px;display:block;}

.page_txt{ padding:10px 15px 15px 15px; clear:left; font-size:75%; line-height:180%; }
.page_txt h3{ font-size:200%;color:#0099CC; font-weight:normal; line-height:150%;}
.page_txt h4{ font-size:150%;color:#0099CC; font-weight:normal;padding:20px 0px 15px 0px;}
.page_txt ol{padding:0; margin:0px 0px 0px 20px;}
.page_txt ol li{padding:0; margin:0px 0px 20px 0px;}
.page_txt ul{padding:0; margin:0px 0px 10px 0px;}
.page_txt ul li{ padding:0; margin:0; font-weight:normal; list-style-type: disc; }

.page_txt a strong{color:#0099CC}

#item_img{ float:right;width:440px;margin-left:8px; text-align:right;}
#item_img .img_big{ border:5px solid #666666;}
#item_img a{ float:right;display:block; margin-bottom:10px;padding:5px 85px 5px 0px; background:url(images/download_btn.gif) no-repeat 100% 50%;height:25px; color:#FFFFFF; font-size:75%;}
#item_img a:hover{ text-decoration:underline;}

.sub_box{ background-color:#0d0e0e; padding:18px 23px 30px 23px; margin-top:5px; }
.sub_box .title { background:url(images/sub_box_circle.gif) 0px 50% no-repeat; padding-left:15px; margin-bottom:18px; color:#ffffff; font-size:90%; font-weight:bold; letter-spacing:0.15em;float:none; }

.model {margin-top:18px;}
.spec {margin-top:18px;font-size:75%;}
.model table{width:100%;}
.spec table{width:100%; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;margin:3px 0px 12px 0px;font-size:120%;}
.model table td{padding:0px 5px 5px 0px; font-size:75%; line-height:150%;}
.spec table th{padding:7px; font-size:75%; line-height:130%; background-color:#272a30;}
.spec table td{padding:5px 7px 5px 7px; font-size:75%; line-height:130%; border-top:1px solid #5a5b5c; text-align:center;}

.spec a{ background:url(images/cursor.gif) 0 50% no-repeat;padding-left:15px;}
.spec2 {margin-top:5px;font-size:80%;}
.spec2 table{width:100%; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;margin:3px 0px 12px 0px;font-size:120%;}
.spec2 table th{padding:7px; line-height:130%; background-color:#272a30; text-align:left;}
.spec2 table td{padding:5px 7px 5px 7px; line-height:130%; border-top:1px solid #5a5b5c;}

.grip{text-align:right;padding-bottom:5px;width:100%;clear:both;font-size:80%;}
#item_img .grip a{background:none; text-decoration:none;margin:0;padding:0;float:none;}
.grip img{margin-bottom:5px;}
.grip .g_txt{ padding-left:15px;background:url(images/cursor.gif) 0 50% no-repeat;}

/*																			main end//
----------------------------------------------------------------------------------------------------------------------------------------------------------------
	title start*/

.title { float:left; background:url(images/circle.png) 0px 50% no-repeat; padding-left:25px; color:#0099cc; font-size:80%; letter-spacing:0.15em; }
.title h2{ color:#FFFFFF; display:inline; font-size:150%;}

.title_txt{ float:left; margin-left:25px; font-size:80%; }
.title_txt strong{ font-size:150%; color:#0099CC;padding:0px 3px; }

/*																			title end//
----------------------------------------------------------------------------------------------------------------------------------------------------------------
	more_bottom start*/

.rss_more{ margin:0px 8px 0px auto; width:95px; height:29px; background:url(images/rss_more.gif) no-repeat; }
.rss_more a{display:block; float:left;width:45px;height:29px;margin-right:2px;text-align:left;text-indent:-9999px;/*\*/ overflow: hidden;/**/}

.more{ margin:0px 8px 0px auto; width:54px; height:31px; background:url(images/more.gif) no-repeat; }
.more a{display:block;height:31px;text-align:left;text-indent:-9999px;/*\*/ overflow: hidden;/**/}
.noimg{ background:none; width:1px;}

/*																			more_bottom end//
----------------------------------------------------------------------------------------------------------------------------------------------------------------
	topics start*/

#topics{ width:773px; margin-left:202px;padding:25px 0px 30px 25px; }
#topics ul{ display:block; padding:0; margin:12px 8px 0px 0px; overflow:auto; height:160px; }
#topics ul li{ clear:left; padding:0; margin:0; list-style:none; font-size:80%; line-height:normal;}
#topics ul li strong{display:block;padding-right:10px;float:left;color:#0099cc;letter-spacing: 0.15em;}
#topics ul li a{display:block;float:left; color:#FFFFFF;margin-bottom:10px; letter-spacing: 0.2em;}
#topics ul li a:hover{ text-decoration:underline;}

#special{ width:175px; padding:25px 0px 30px 0px;left:27px; height:261px;position:absolute;}

ul.topics_list{ display:block; padding:0; margin:12px 8px 0px 0px;}
ul.topics_list li{ padding:3px; margin:0; list-style:none; font-size:110%; line-height:normal;}
ul.topics_list li strong{ padding-right:10px;}
ul.topics_list li a:hover{ text-decoration:underline;}
ul.topics_list li.topics_bottom{ background:url(images/dot_line.gif) 0px 100% repeat-x;padding-bottom:6px;}

.days{ background-color:#666666;padding:0px 3px;}

/*																			topics end//
----------------------------------------------------------------------------------------------------------------------------------------------------------------
	 item start*/

#item{ width:948px; padding:18px 0px 0px 52px; background: url(images/item_list.gif) no-repeat 0 0; clear:left; }
a.item_box{ display:block;width:151px; margin:15px 32px 0px 0px; font-size:80%; float:left; }
a:link.item_box,a:visited.item_box{border:3px solid #555555;}
a:hover.item_box,a:active.item_box{border:3px solid #0099CC;}
a.item_box img{ border:2px solid #0a0a0a;height:112px; overflow:hidden;}
a.item_box .i_b_category,a.item_box .i_b_category{ background-color:#333333;padding:5px 3px;}
a.item_box strong{ display:block;font-weight:normal;padding:5px 3px 7px 3px; line-height:normal; overflow:hidden;height:2.6em;}

/*																			item end//
----------------------------------------------------------------------------------------------------------------------------------------------------------------
	category start*/

#category_box{ position:absolute; width:161px; background:url(images/navi_bottom.png) 0 100% no-repeat; padding:0px 0px 20px 0px; top:125px; left:0px; font-size:75%; }
#category_box dl{display:block;width:100%;background-image:url(images/navi_top.png); background-repeat:no-repeat;}
#category_box dt{display:block;color:#0099CC; padding:20px 5px 20px 22px; background:url(images/navi_circle.gif) 7px 20px no-repeat; font-size:90%;}
#category_box dt strong{color:#FFFFFF; font-size:110%;}
#category_box dd{display:block;padding:0px 0px 3px 0px; background:url(images/gray_dot.gif) 100% 0px repeat-y;margin-right:10px;}

#category_box dd a{display:block;padding:0px 0px 15px 22px; color:#FFFFFF;}

#category_box dd a:link,#category_box dd a:visited{ background:url(images/navi_line.gif) -150px 0px no-repeat;}
#category_box dd a:hover,#category_box dd a:active{ background:url(images/navi_line.gif) 0px 0px no-repeat;}


#category_box dd a:link.act,#category_box dd a:visited.act,

#category_box dd a:hover.act,#category_box dd a:active.act{ font-weight:bold; background:url(images/navi_line.gif) 0px 0px no-repeat;}

#category_anchor{border:3px solid #333333; background:url(images/category_stripe.gif) 100% 100%;margin-bottom:55px;}

#topics #category_anchor{margin-bottom:30px;}

#category_anchor #category_bottom{text-align:center; padding:20px; background:url(images/category_st_txt.gif) 100% 100% no-repeat;font-size:140%;}

#topics #category_anchor #category_bottom{text-align:center; padding:15px 50px 15px 15px;font-size:100%;}

#category_anchor #category_bottom a{padding-right:23px; background:url(images/category_st_btn.gif) 100% 50% no-repeat; color:#FFFFFF;}
#category_anchor #category_bottom a:hover,#category_anchor #category_bottom a:active{ text-decoration:underline;}


.item_top_list {padding:5px;width:765px;position:absolute;left:195px;background:url(images/dot_line.gif) 0px 100% repeat-x; margin:0px;}

.item_top_list_relative{padding:5px;width:765px;position:relative;left:0px;background:url(images/dot_line.gif) 0px 100% repeat-x; margin:0px;}


.item_top_list a ,.item_top_list_relative a{color:#FFFFFF;}
.item_top_list a img,.item_top_list_relative a img{padding-right:3px;vertical-align:middle;}
.item_top_list a:hover ,.item_top_list_relative a:hover{text-decoration:underline;}
.item_top_list_right {margin:0px 0px 0px 387px;width:381px;position:relative;left:0;top:0;}

.stripe h3{clear:both;margin:30px 0px 12px 0px;padding-top:0px;background:url(images/category_stripe_2.gif) 0 0 repeat-x;}

h3.item_top a{width:778px;display:block;background:url(images/more.gif) 720px 50% no-repeat;padding:0px 0px 0px 4px;}
h3.item_top a:hover{ background-color:#161616;}

.cat_bottom{ background:url(images/dot_line.gif) 0 0 repeat-x;padding:10px 0px 20px 0px;}
*:first-child+html .cat_bottom{ padding:0px 0px 20px 0px;}
.sub_item_list {font-size:120%;line-height: 1;}

/*																			category end//
----------------------------------------------------------------------------------------------------------------------------------------------------------------
	link start*/

ul.xoxo{padding:0px 0px 5px 0px;}
ul.xoxo li{margin:0px 0px 10px 20px;}

/*																			link end//
----------------------------------------------------------------------------------------------------------------------------------------------------------------
	footer start*/

#footer{width:100%; background-color:#0a0a0a;}
#footer_contents{ clear:both; width:948px; padding:45px 0px 50px 20px; margin-left:32px; background:url(images/footer_line.gif) repeat-x 0px 49px; }
#footer_contents a#f_top{ display:block; background:url(images/f_top.gif) no-repeat;width:45px;height:25px; margin:0px 0px 0px auto;text-align:left;text-indent:-9999px;/*\*/ overflow: hidden;/**/}

#footer_contents ul{ display:block; padding:0; margin:0;}
#footer_contents ul li{ display:inline; padding:0; margin:0px 15px 0px 0px; list-style:none; float:left;}
#footer_contents ul li a{ background:url(images/footer_circle.gif) no-repeat 0px 50%;display:block; padding:0px 0px 0px 12px; margin:0; font-size:70%; color:#FFFFFF; }

/*																			footer end//
----------------------------------------------------------------------------------------------------------------------------------------------------------------
	 footer start*/

table.list_head_table{clear:both;border:1px solid #EEEEEE;	border-collapse: separate;border-spacing: 2px;}
table.list_head_table th,table.list_head_table td{margin:5px;padding:3px;}
table.list_head_table th{border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;background:#0099CC;border-bottom:1px solid #005599;border-right:1px solid #005599;}
table.list_head_table td{background: #222222;}
table.list_head_table td h3{display:inline;}

table.list_table{border:1px solid #EEEEEE;border-collapse: separate;border-spacing: 2px;}
table.list_table th,table.list_table td{margin:5px;padding:3px;}
table.list_table th{border-top:1px solid #aaaaaa;border-left:1px solid #aaaaaa;background:#333333;border-bottom:1px solid #222222;border-right:1px solid #222222;}
table.list_table td{background: #222222;font-size:80%;}

#log_rotation{border:1px solid #666666;background:#222222;padding:5px;text-align:right;margin-bottom:10px;}

table.list_table td strong a{ display:block;width:240px;min-height:25px; overflow:hidden;}
table.list_head_table th em{font-weight:normal;font-size:80%;}

strong.count_all{display:block;position:relative;top:-35px;width:770px;text-align:right;margin:0px 0px -28px 0px;padding:0px;}