@charset "utf-8";
/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: 有名な <a href="http://binarybonsai.com/kubrick/">Kubrick</a> をもとにした WordPress のデフォルトテーマ
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/***********************************************************
 *
 *	初期化
 */

h1, h2, h3, h4, h5, h6, div, p, ul, ol, dl, dt, dd, li, form{
	margin:0;
	padding:0;
}

ul, ol{
	list-style:none outside;
}

img, a img{
	border:none;
}

/* 画像リンクの透過ロールオーバー */
a:hover img{
	/*background-color:#FFFFFF;*/
	filter:alpha(opacity=50); /*IE*/
	-moz-opacity:0.50; /*FF*/
	opacity:0.50;
}

address{
	font-style:normal;
}



/***********************************************************
 *
 *	文字
 */

/* 基本リンク文字色 */
a:link, a:visited{
	color:#333;
	text-decoration:none;
}
a:active, a:hover{
	color:#666;
	text-decoration:underline;
}


/* 文字種 */
.round-gothic{
	font-family:"A-OTF じゅん Pro 34", "HG丸ｺﾞｼｯｸM-PRO", cursive;
}


/* 文字色 */
.orange{
	color:#FF6600;
}
.gray3{
	color:#333333;
}
.gray6{
	color:#666666;
}
.red{
	color:#FF0000;
}
.winered{
	color:#990000;
}
.white{
	color:#FFF;
}

/* 文字サイズ */
.fs9px{
	font-size:9px;
}
.fs10px{
	font-size:10px;
}
.fs11px{
	font-size:11px;
}
.fs12px{
	font-size:12px;
}
.fs14px{
	font-size:14px;
}
.fs16px{
	font-size:16px;
}
.fs18px{
	font-size:18px;
}
.fs20px{
	font-size:20px;
}
.fs22px{
	font-size:22px;
}
.fs24px{
	font-size:24px;
}

.x-small{
	font-size:x-small;
}
.small{
	font-size:small;
}
.medium{
	font-size:medium;
}
.large{
	font-size:large;
}
.x-large{
	font-size:x-large;
}



/***********************************************************
 *
 *	チップ
 */

/* オブジェクト下の余白 */
.m0{
	margin-bottom:0;
}
.m1{
	margin-bottom:1px;
}
.m{
	margin-bottom:6px;
}
.m2{
	margin-bottom:12px;
}
.m3{
	margin-bottom:18px;
}
.m4{
	margin-bottom:24px;
}
.m5{
	margin-bottom:30px;
}
.m6{
	margin-bottom:36px;
}
.m7{
	margin-bottom:42px;
}
.m8{
	margin-bottom:48px;
}
.m9{
	margin-bottom:54px;
}
.m10{
	margin-bottom:60px;
}

.mm2{
	margin-bottom:2px;
}

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

/* インデント */
.indent_ch{
	/* 記号のある行 */
	padding-left:2em;
	text-indent:-1em;
}
.indent_sp{
	/* 行頭の空白 */
	text-indent:1em;
}
.indent{
	text-indent:1em;
}
.indent2{
	text-indent:-1em;
	padding-left:1em;
}
.indent_half{
	text-indent:0.5em !important;
}
.indent4{
	text-indent:-4em;
	padding-left:4em;
}

/* 行寄せ */
.txt_left{
	text-align:left;
}
.txt_right{
	text-align:right;
}
.txt_center{
	text-align:center;
}

.va-middle{
	vertical-align:middle;
}

/* 点線 */
hr.dotted{
	border-top:#CCC dotted 1px;
	border-right:none;
	border-bottom:none;
	border-left:none;
	height:1px;
	margin-top:0;
}
/* 不可視 */
.hidden{
	visibility:hidden;
}
.hide{
	display:none;
}

/* float 画像等に */
.flt_right{
	float:right;
}
.flt_left{
	float:left;
}

/*** floatの解除関連 ***/

.clearfix {
	zoom:1;
}
.clearfix:after {
	content:"";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.clear{
	clear:both;
}
.clear_left{
	clear:left;
}
.clear_right{
	clear:right;
}

.p0{
	padding:0 !important;
}

.th_normal th{
	font-weight:normal;
}

.ds_block{
	display:block;
}
.mauto{
	margin-right:auto;
	margin-left:auto;
}
.bg_gray-ef{
	background-color:#EFEFEF;
}

.align-top{
	vertical-align:top;
}

/*
	フォームのテキスト入力制御
	.kana -> かな入力
	.hankaku  -> 直接入力(IME非アクティブ化)
*/
.kana{
	ime-mode:active;
}
.hankaku{
	ime-mode:inactive;
}

/* ルビ */

.ruby {
	display: inline;
	position: relative;
	top: 0;
	bottom: 0;
	padding: 0;
	line-height: 1em;
}
.rp {
	display: none;
}
.rt {
	display: inline;
	position: absolute;
	top: -1em;
	left: 0;
	font-size: 50%;
	line-height: 1em;
	white-space: nowrap;
	text-indent: 0;
}


/***********************************************************
 *
 *	基幹部
 */

body{
	line-height:1.7em;
	font-size:small;
	color:#333;
	margin:0;
	font-family:"ＭＳ Ｐゴシック", "メイリオ", sans-serif;
}

div#Container{
	background-color:#FFF;
}


/* ナビ */
div#Navi{
	background:url(/img/navi-bg.jpg) repeat-x top;
	border-top:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	margin-bottom:13px;
	zoom:1;
}
div#Navi:after {
	content:"";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div#Navi div#NaviInner{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

div#Navi ul{
	float:left;
	background:url(/img/navi.jpg) no-repeat left top;
	zoom:1;
}
div#Navi ul:after {
	content:"";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div#Navi ul li{
	float:left;
}
div#Navi ul li.navi1{
	width:69px;
}
div#Navi ul li.navi2{
	width:251px;
}
div#Navi ul li.navi3{
	width:73px;
}
div#Navi ul li.navi4{
	width:74px;
}
div#Navi ul li.navi5{
	width:74px;
}
div#Navi ul li.navi6{
	width:99px;
}
div#Navi ul li.navi7{
	width:64px;
}

div#Navi ul li a{
	display:block;
	height:35px;
	text-decoration:none;
	overflow:hidden;
}

div#Navi ul li a span{
	visibility:hidden;
}

div#Navi ul li.navi1 a:hover{
	background:url(/img/navi.jpg) no-repeat left -35px;
}
div#Navi ul li.navi2 a:hover{
	background:url(/img/navi.jpg) no-repeat -69px -35px;
}
div#Navi ul li.navi3 a:hover{
	background:url(/img/navi.jpg) no-repeat -320px -35px;
}
div#Navi ul li.navi4 a:hover{
	background:url(/img/navi.jpg) no-repeat -393px -35px;
}
div#Navi ul li.navi5 a:hover{
	background:url(/img/navi.jpg) no-repeat -467px -35px;
}
div#Navi ul li.navi6 a:hover{
	background:url(/img/navi.jpg) no-repeat -541px -35px;
}
div#Navi ul li.navi7 a:hover{
	background:url(/img/navi.jpg) no-repeat -640px -35px;
}



/* メイン */
div#Main{
	background:url(/img/bg-koushi.gif) repeat;
}
div#MainInner{
	width:879px; /* 900px */
	padding-left:15px;
	padding-right:6px;
	padding-bottom:18px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	zoom:1;
}
div#MainInner:after {
	content:"";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}


/* 左側 */
div#Left{
	float:left;
	width:188px;
	margin-right:14px;
}

div#Left h5{
	margin-bottom:1px;
}
div#Left h5 img{
	vertical-align:top;
}

div#Left ul.SideNavi{
	padding:5px;
	background-color:#DFEFFF;
	margin-bottom:18px;
}
div#Left ul.SideNavi li{
	background:url(/img/menu-bg.jpg) no-repeat left top;
}
div#Left ul.SideNavi li.last{
	border-bottom:#CCC solid 1px;
}
div#Left ul.SideNavi li a{
	display:block;
	border-top:#CCC solid 1px;
	border-right:#CCC solid 1px;
	border-left:#CCC solid 1px;
	height:23px; /* 33px */
	overflow:hidden;
	font-size:12px;
	padding-left:22px;
	padding-right:6px;
	padding-top:9px;
	line-height:1.2em;
	font-family:"A-OTF じゅん Pro 34", "HG丸ｺﾞｼｯｸM-PRO", cursive;
	text-decoration:none;
}

div#Left ul.SideNavi li a:active,
div#Left ul.SideNavi li a:hover{
	color:#FF7700;
	text-decoration:none;
	font-weight:bold;
}

div#Left ul.SideNavi li.two a{
	height:29px; /* 33px */
	padding-top:3px;
}

*html div#Left ul.SideNavi li a{
	font-size:10px;
	line-height:1.4em;
}
*+html div#Left ul.SideNavi li a{
	font-size:10px;
	line-height:1.4em;
}

div#Left ul.Banners li{
	margin-bottom:9px;
	text-align:center;
}
div#Left ul.Banners li img{
	vertical-align:top;
}


div#Left ul.SideNavi li ul.SideNavi-sub li{
	background:url(/img/dot-black.gif) no-repeat 10px 14px;
	border-left:none;
	border-right:none;
}
div#Left ul.SideNavi li ul.SideNavi-sub li.two{
	background:url(/img/dot-black.gif) no-repeat 10px 8px;
}

div#Left ul.SideNavi li ul.SideNavi-sub li a:link,
div#Left ul.SideNavi li ul.SideNavi-sub li a:visited{
	color:#333;
	text-decoration:none;
}
div#Left ul.SideNavi li ul.SideNavi-sub li a:active,
div#Left ul.SideNavi li ul.SideNavi-sub li a:hover{
	color:#0066FF;
	text-decoration:none;
}

/* 中央 */
div#Center{
	float:left;
	width:489px;
}

div#Center div.Story a:link,
div#Center div.Story a:visited{
	color:#333;
}
div#Center div.Story a:active,
div#Center div.Story a:hover{
	color:#333;
	text-decoration:underline;
}


/* 右側 */
div#Right{
	float:right;
	width:174px;
}

div#Right div.Messages{
	width:162px; /* 164px */
	margin-bottom:18px;
	border:#CCC solid 1px;
	padding:1px;
	zoom:1;
}
div#Right div.Messages:after{
	content:"";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div#Right div.Messages h5{
	font-size:small;
	line-height:1.4em;
}

div#Right div.Messages h5 img{
	vertical-align:top;
}
div#Right div.Messages img.flt_right{
	margin-left:3px;
}
div#Right div.Messages p{
	font-size:x-small;
	padding-left:3px;
}
div#Right div.Messages p strong{
	font-size:small;
}

div#Right ul.Banners{
	margin-bottom:12px;
}
div#Right ul.Banners li{
	margin-bottom:3px;
}
div#Right ul.Banners li img{
	vertical-align:top;
}

div#Right div.poster{
	background:url(/img/top-poster-bg.gif) repeat;
	padding-top:6px;
	padding-bottom:6px;
	line-height:1.2em;
	border:none;
}
div#Right div.poster h5{
	margin-bottom:3px;
}
div#Right div.poster img{
	margin-right:16px;
}

/* フッタ */
div#Footer{
	border-top:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	background:url(/img/footer-bg.jpg) repeat-x top;
}
div#FooterInner{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding-top:9px;
	padding-bottom:9px;
}

div#FooterInner ul li a:link,
div#FooterInner ul li a:visited{
	color:#333;
	text-decoration:none;
}
div#FooterInner ul li a:active,
div#FooterInner ul li a:hover{
	color:#333;
	text-decoration:underline;
}

div#Copyright{
	padding-top:6px;
	padding-bottom:6px;
}
div#Copyright address{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
}

/*** 共通 ***/
ul.inline-list{
	white-space:nowrap;
	zoom:1;
}
ul.inline-list:after {
	content:"";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
ul.inline-list li{
	float:left;
	padding-right:6px;
	margin-left:6px;
	line-height:1.2em;
	border-right:#333 solid 1px;
}
ul.inline-list li.first{
	padding-left:6px;
	margin-left:0;
	border-left:#333 solid 1px;
}


/***********************************************************
 *
 *	トップページ
 */

/* ヘッダ */
div#Container.index div#Header{
	background:url(/img/top-bg-head.jpg) repeat-x top;
	height:347px;
	overflow:hidden;
}
div#Container.index div#HeaderInner{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
div#Container.index div#Header img{
	vertical-align:top;
}

div#Container.index ul#HeadNavi{
	position:absolute;
	margin-top:-332px;
	margin-left:782px;
	z-index:1;
}
div#Container.index ul#HeadNavi li{
	background:url(/img/headlink-arrow.gif) no-repeat left;
	padding-left:16px;
	padding-top:2px;
	padding-bottom:4px;
	line-height:1em;
	font-family:"A-OTF じゅん Pro 34", "HG丸ｺﾞｼｯｸM-PRO", cursive;
}

div#Container.index ul#HeadNavi li a:link,
div#Container.index ul#HeadNavi li a:visited{
	color:#333;
	text-decoration:none;
}
div#Container.index ul#HeadNavi li a:active,
div#Container.index ul#HeadNavi li a:hover{
	color:#333;
	text-decoration:underline;
}

/* 中央 */
div#Container.index div#Center h2{
	margin-bottom:9px;
}
div#Container.index div#Center h2 img{
	vertical-align:top;
}

div#Container.index div#Center h3 img{
	vertical-align:top;
}

div#Container.index div#Center ul#Information{
	padding:12px 24px;
	height:140px;
	overflow:scroll;
	overflow-x:hidden;
	border-right:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	border-left:#CCC solid 1px;
	margin-bottom:18px;
}

div#Container.index div#Center ul#Information li{
	margin-bottom:12px;
}
div#Container.index div#Center ul#Information li h4{
	border-bottom:#333 solid 1px;
	padding-bottom:3px;
	margin-bottom:9px;
	zoom:1;
}
div#Container.index div#Center ul#Information li h4:after{
	content:"";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
div#Container.index div#Center ul#Information li h4 .flt_right{
	font-size:x-small;
}

div#Container.index div#Center ul#Information li p{
	margin-bottom:12px;
}

div#Container.index div#Center ul#News{
	height:140px;
	overflow:scroll;
	overflow-x:hidden;
}
div#Container.index div#Center ul#News li{
	padding:6px 6px 6px 12px;
	border-bottom:#CCC solid 1px;
	background:url(/img/gray-arrow.gif) no-repeat 1px 13px;
}
div#Container.index div#Center ul#News li .date{
	color:#40B3B3;
}


/***********************************************************
 *
 *	サブページ
 */

/* ヘッダ */
div#Container.sub div#Header{
	background:url(/img/sub-bg-head.jpg) repeat-x top;
	height:86px;
	overflow:hidden;
}
div#Container.sub div#HeaderInner{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
div#Container.sub div#Header img{
	vertical-align:top;
}

div#Container.sub div#Header h6{
	float:left;
}
div#Container.sub div#Header address{
	float:right;
}

div#Container.sub ul#HeadNavi{
	float:left;
	padding-top:22px;
	padding-left:160px;
}
div#Container.sub ul#HeadNavi li{
	background:url(/img/headlink-arrow.gif) no-repeat left;
	padding-left:16px;
	padding-top:2px;
	padding-bottom:4px;
	line-height:1em;
	font-family:"A-OTF じゅん Pro 34", "HG丸ｺﾞｼｯｸM-PRO", cursive;
}

div#Container.sub ul#HeadNavi li a:link,
div#Container.sub ul#HeadNavi li a:visited{
	color:#333;
	text-decoration:none;
}
div#Container.sub ul#HeadNavi li a:active,
div#Container.sub ul#HeadNavi li a:hover{
	color:#333;
	text-decoration:underline;
}


/* 中央 */
div#Container.sub div#Center a:link,
div#Container.sub div#Center a:visited{
	color:#3D9EFF;
}
div#Container.sub div#Center a:hover,
div#Container.sub div#Center a:active{
	color:#6DCEFF;
	text-decoration:underline;
}

div#Container.sub div#Center div.path{
	margin-bottom:12px;
	font-size:x-small;
	line-height:1;
}
div#Container.sub div#Center h1{
	background:url(/img/t_sub.jpg) no-repeat left top;
	height:20px;
	overflow:hidden;
	font-family:"A-OTF じゅん Pro 34", "HG丸ｺﾞｼｯｸM-PRO", cursive;
	font-size:20px;
	padding:11px 11px 11px 36px;
	margin-bottom:12px;
}


/* 記事エリア */
div#Container.sub div#Center h2{
	color:#3D9EFF;
	font-size:14px;
	padding-left:16px;
	background:url(/img/blue-round-square.gif) no-repeat left 6px;
	margin-bottom:6px;
}

div#Container.sub div#Center div.Story{
	margin-bottom:18px;
	padding-left:18px;
	padding-right:18px;
}

div#Container.sub div#Center div.Story p{
	margin-bottom:12px;
}

div#Container.sub div#Center div.Story .align-right{
	text-align:right;
}
div#Container.sub div#Center div.Story img.align-right{
	float:right;
}

div#Container.sub div#Center div.Story .align-center{
	text-align:center;
}
div#Container.sub div#Center div.Story img.align-center{
	margin-right:auto;
	margin-left:auto;
}

div#Container.sub div#Center div.Story .align-left{
	text-align:left;
}
div#Container.sub div#Center div.Story img.align-left{
	float:left;
}

div#Container.sub div#Center div.Story ul{
	list-style:disc outside;
	padding-left:20px;
}
div#Container.sub div#Center div.Story ol{
	list-style:decimal outside;
	padding-left:20px;
}

div#Container.sub div#Center div.Story div.to-top{
	text-align:right;
}