@charset "UTF-8";

/*------------------------------------------------
 初期設定
------------------------------------------------*/

/* スタイルのリセット */
html, body, div, h1, h2, h3, h4, h5, h6, blockquote, pre, address, p,
ul, ol, li, dl, dt, dd, table, th, tr, td, img, form, fieldset, legend {
margin: 0;
padding: 0;
}

/* 共通のページ設定 */
html {
width: 100%;
height: 100%;
overflow-y: scroll;
}

body {
width: 100%;
height: 100%;
font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
text-align: center;
color: #cccccc;
font-size:78%;
background-color: #e3e7ec;
}


/*------------------------------------------------
 タグ毎の共通スタイル設定
------------------------------------------------*/
h1 {
	color:#034f88;
	font-size:8px;
	margin:0;
	text-align:right;
	padding:10px 10px 0 0;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

img {
	border: 0;
}


/*------------------------------------------------
 共通クラス
------------------------------------------------*/


/* Clearfix */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

em {
	font-style:normal;
	font-weight:bold;
	color:#df0000;
}
.bg_yellow {
	background-color:#FF0;
}

.spacer_25 {
	display:block;
	height:25px;
}
.spacer_15 {
	display:block;
	height:15px;
}

.line_1{
	border-bottom:dotted 1px #a6a6a6;
	margin:10px 0;
}
.txt_95{
	font-size:95%;
}
.txt_110{
	font-size:110%;
}

.float_left{
	float:left;
	margin:0 15px 0 0;
}
/*------------------------------------------------
 
------------------------------------------------*/
#container {
	width:950px;
	margin:0 auto;
	color:#000;
	text-align:left;
	background:url(../images/container_bg.jpg) center top repeat-y;
	background-color:#fff;
}


/*------------------------------------------------
 ヘッダー
------------------------------------------------*/
#container #header {
	background:url(../images/header_bg.jpg) center top no-repeat;
	height:111px;
}

#container #header #logo{
	margin:0px 0 0 15px;
	padding-top: 0px;
}


/*------------------------------------------------
 パンクズ
------------------------------------------------*/
#container #pankuzu {
	background:url(../images/pankuzu_bg.jpg) center top no-repeat;
	height:24px;
	color:#6e6e6e;
	font-size:10px;
	padding:10px 0 0 25px;
}

/*------------------------------------------------
 左メニュー
------------------------------------------------*/
#menuLeft {
	float:left;
	width:214px;
	background-color:#2377b7;
	margin:0 auto;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
}

#menuLeft #kanagawa {
	background:url(../images/menuLeft_ttl_1.jpg) center top no-repeat;
	padding:45px 0 0;
}
#menuLeft #shinagawa {
	background:url(../images/menuLeft_ttl_2.jpg) center top no-repeat;
	padding:45px 0 0;
}
#menuLeft #other {
	background:url(../images/menuLeft_ttl_3.jpg) center top no-repeat;
	padding:45px 0 0;
}

#menuLeft #kanagawa div.inner,
#menuLeft #shinagawa div.inner,
#menuLeft #other div.inner {
	background-color:#fff;
	border:1px solid #c4c4c4;
	margin:0 10px 20px;
}

#menuLeft #kanagawa div.inner ul,
#menuLeft #shinagawa div.inner ul,
#menuLeft #other div.inner ul{
	list-style:none;
}

#menuLeft #kanagawa div.inner ul li a,
#menuLeft #shinagawa div.inner ul li a,
#menuLeft #other div.inner ul li a{
	width:176px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	padding:8px;
	color:#465b60;
	line-height:1.4em;
	background-color:#fff;
	border-bottom:dotted 1px #a0b6bb;
}
#menuLeft #kanagawa div.inner ul li a.last,
#menuLeft #shinagawa div.inner ul li a.last,
#menuLeft #other div.inner ul li a.last{
	border-bottom:none;
}

#menuLeft #kanagawa div.inner ul li a:hover,
#menuLeft #shinagawa div.inner ul li a:hover,
#menuLeft #other div.inner ul li a:hover{
	background-color:#ececec;
}

#menuLeft #kanagawa div.inner ul li a span.row1,
#menuLeft #shinagawa div.inner ul li a span.row1,
#menuLeft #other div.inner ul li a span.row1{
	background:url(../images/menuLeft_icon.gif) left top no-repeat;
	padding:0 0 0 20px;
	color:#1b00e6;
	font-weight:bold;
}
#menuLeft #kanagawa div.inner ul li a span.row2,
#menuLeft #shinagawa div.inner ul li a span.row2,
#menuLeft #other div.inner ul li a span.row2{
	padding:0 0 0 20px;
	font-size:90%;
}


/*------------------------------------------------
 右メニュー
------------------------------------------------*/
#menuRight {
	float:right;
	width:208px;
	margin:0 auto;
}

#menuRight #pages_1{
	background:url(../images/menuRight_ttl_1.jpg) center top no-repeat;
	padding:43px 0 0;
	margin:0 1px 0 0;
}
#menuRight #pages_2{
	background:url(../images/menuRight_ttl_2.jpg) center top no-repeat;
	padding:43px 0 0;
	margin:0 1px 0 0;
}
#menuRight #pages_3{
	background:url(../images/menuRight_ttl_3.jpg) center top no-repeat;
	padding:43px 0 0;
	margin:0 1px 0 0;
}
#menuRight #pages_4{
	background:url(../images/menuRight_ttl_4.jpg) center top no-repeat;
	padding:43px 0 0;
	margin:0 1px 0 0;
}
#menuRight #pages_5{
	background:url(../images/menuRight_ttl_5.jpg) center top no-repeat;
	padding:43px 0 0;
	margin:0 1px 0 0;
}

#menuRight #pages_1 ul,
#menuRight #pages_2 ul,
#menuRight #pages_3 ul,
#menuRight #pages_4 ul,
#menuRight #pages_5 ul{
	list-style:none;
	padding:0 10px;
}
#menuRight #pages_1 ul li,
#menuRight #pages_2 ul li,
#menuRight #pages_3 ul li,
#menuRight #pages_4 ul li,
#menuRight #pages_5 ul li{
	padding:10px 10px;
	border-bottom:dotted 1px #b6b6b6;
}
#menuRight #pages_1 ul li.last,
#menuRight #pages_2 ul li.last,
#menuRight #pages_3 ul li.last,
#menuRight #pages_4 ul li.last,
#menuRight #pages_5 ul li.last{
	border-bottom:none;
}
#menuRight #pages_1 ul li a,
#menuRight #pages_2 ul li a,
#menuRight #pages_3 ul li a,
#menuRight #pages_4 ul li a,
#menuRight #pages_5 ul li a{
	color:#221732;
	font-weight:bold;
}
#menuRight #pages_1 ul li a:hover,
#menuRight #pages_2 ul li a:hover,
#menuRight #pages_3 ul li a:hover,
#menuRight #pages_4 ul li a:hover,
#menuRight #pages_5 ul li a:hover{
	color:#aaaaaa;
}


/*------------------------------------------------
 フッター
------------------------------------------------*/
#footer {
	clear:both;
	background:url(../images/footer_bg.jpg) center top repeat-x;
	background-color:#e3e7ec;
	font-size:90%;
	padding:12px 0 50px;
}
#footer div#footerLeft{
	float:left;
	color:#8f8f8f;
}
#footer div#footerLeft a {
	text-decoration:none;
	color:#8f8f8f;
}

#footer div#footerRight{
	float:right;
	color:#202020;
}

/*------------------------------------------------
 AddClips
------------------------------------------------*/
#addclips {
	text-align:right;
	margin:10px 7px 15px;
}