@charset "utf-8";
/*
Theme Name: JCS
Theme URI: http://blog.mizoshiri.com/
Description: Thema for JCS
Author: Ayumi Mizoshiri
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/* Reset */
body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,brockquote,pre,table,caption,th,td,address,form,fieldset,legend,object{margin:0;padding:0;}
h5,h6,pre,table,code,kbd,samp,acronym,input,textarea,select{font-size:100%;}
a,ins{text-decoration:none;}
address,em,cite,dfn,var{font-style:normal;}
input,textarea{font-family:sans-serif;font-weight:normal;}
img{vertical-align:bottom;}
a img{border:none;}
html{overflow-y:scroll;}
html,body{height:100%;}
ul{list-style-position:outside;list-style-type:none;}
ol{list-style-position:outside;}
table{border-collapse:collapse;}
legend{color:#333;}
/* Reset End*/

body{
	font-family:'メイリオ',"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: #effffd;
}
#wrapper{
	width:960px;
	border: 1px solid #999;
	margin:0 auto;
	background: white;
}
/* header　Start */
#header h1{
	font-size:12px;
	font-weight:normal;
	text-align: right;
	padding: 2px 5px;
}
#globalLogo{
	float:left;
}
#globalHelp{
	float:right;
}
#globalHelp div.headEnlish p{
	float: right;
}
#globalHelp div.headEnlish p.English{
padding-top:30px;
padding-right:10px;
font-weight:bold;
}
#globalHelp div.headEnlish p.English a{
color:#008CFF;
}

#globalHelp div.headEnlish p.English a:hover{
color:#E1F1FE;
}
#globalHelp div.searchForm{
	clear: both;
	float: left;
}
#globalHelp div.searchForm input.form-text-field{
	width:180px;
}
#globalHelp ul{
	float: right;
	background: url(../../../../images/font_size_bk.jpg) no-repeat bottom center;
	width:180px;
	height:30px;
	padding-right:10px;
}
#globalHelp ul:after {
content: ".";
font-size: 0;
display: block;
height: 0;
visibility:hidden;
clear: both;
}
#globalHelp ul li{
	float: right;
	margin:5px;
	padding: 3px;
	font-size: 12px;
}
#globalHelp input.search-button{
	width: 50px;
	height:25px;
	background: url(../../../../images/icon/search.gif) no-repeat top center;
}
#globalNavi{
	clear: both;
	height: 35px;
}
#globalNavi img{
	padding-left: 10px;
}
#globalNavi:after {
content: ".";
font-size: 0;
display: block;
height: 0;
visibility:hidden;
clear: both;
}
#globalNavi ul{
	display: block;
	width:960px;
	padding-left:10px;
}
#globalNavi ul li{
	float: left;
	padding: 5px 0px;
}
#globalNavi ul li a{
	text-indent: -9999px;
	display: block;
	height:35px;
	overflow:hidden;
	outine:none;
	margin: 3px 0;
}
#globalNavi ul li.no1 a{
	width:113px;
	background:url("../../../../images/header/gnavi.jpg") no-repeat scroll 0 0 transparent;
}
#globalNavi ul li.no1 a.current,
#globalNavi ul li.no1 a:hover{
	background-position:0 -35px;
}
#globalNavi ul li.no2 a{
	background:url("../../../../images/header/gnavi.jpg") no-repeat scroll -113px 0 transparent;
	width:120px;
}
#globalNavi ul li.no2 a.current,
#globalNavi ul li.no2 a:hover{
	background-position:-113px -35px;
}
#globalNavi ul li.no3 a{
	background:url("../../../../images/header/gnavi.jpg") no-repeat scroll -233px 0 transparent;
	width:118px;
}
#globalNavi ul li.no3 a.current,
#globalNavi ul li.no3 a:hover{
	background-position:-233px -35px;
}
#globalNavi ul li.no4 a{
	background:url("../../../../images/header/gnavi.jpg") no-repeat scroll -350px 0 transparent;
	width:113px;
}
#globalNavi ul li.no4 a.current,
#globalNavi ul li.no4 a:hover{
	background-position:-350px -35px;
}
#globalNavi ul li.no5 a{
	background:url("../../../../images/header/gnavi.jpg") no-repeat scroll -465px 0 transparent;
	width:120px;
}
#globalNavi ul li.no5 a.current,
#globalNavi ul li.no5 a:hover{
	background-position:-465px -35px;
}
#globalNavi ul li.no6 a{
	background:url("../../../../images/header/gnavi.jpg") no-repeat scroll -584px 0 transparent;
	width:120px;
}
#globalNavi ul li.no6 a.current,
#globalNavi ul li.no6 a:hover{
	background-position:-584px -35px;
}
#globalNavi ul li.no7 a{
	background:url("../../../../images/header/gnavi.jpg") no-repeat scroll -705px 0 transparent;
	width:95px;
}
#globalNavi ul li.no7 a.current,
#globalNavi ul li.no7 a:hover{
	background-position:-705px -35px;
}
#globalNavi ul li.no8 a{
	background:url("../../../../images/header/gnavi.jpg") no-repeat scroll -800px 0 transparent;
	width:145px;
}
#globalNavi ul li.no8 a.current,
#globalNavi ul li.no8 a:hover{
	background-position:-800px -35px;
}
/* side　Start */
#sidebar{
	width:208px;
	float:left;
	margin: 0 5px 5px 5px;
	padding: 5px 0 5px 5px;
}
#sidebar p.earthquake{
  padding-bottom:5px;
}
#sidebar p.earthquake a:hover img{
  filter: alpha(opacity=25);
  -moz-opacity:0.25;
  opacity:0.25;
}
#sidebar p.sideContact a{
	text-indent: -9999px;
	background: url(../../../../images/side/sideContact.png) no-repeat top left;
	display: block;
	width:210px;
	height:40px;
	overflow:hidden;
	outine:none;
	margin: 3px 0;
}
#sidebar p.sideContact  a:hover{
	background: url(../../../../images/side/sideContact.png) no-repeat top right;
}

#sidebar dl dd{
	border:1px solid #e4e4e4;
	padding: 5px;
	overflow: auto;
	width:198px;
	margin: 2px 0;
}
#sidebar dl.infoOffice dd{
	height: 180px;
}
#sidebar dl.album dd,
#sidebar dl.club dd{
	height: 120px;
}

#sidebar dl.album dt p{
	text-align: right;
	margin: 5px 0;
	font-weight: bold;
}
#sidebar dl.newsLetter{
margin-bottom:10px;
}
#sidebar dl.newsLetter dt.enroll a{
	text-indent: -9999px;
	background: url(../../../../images/side/sideEnroll.jpg) no-repeat top left;
	display: block;
	width:210px;
	height:40px;
	overflow:hidden;
	outine:none;
	margin: 3px 0;
}
#sidebar dl.newsLetter dt.enroll a:hover{
	background: url(../../../../images/side/sideEnroll.jpg) no-repeat top right;
}
#sidebar dl.newsLetter dd{
	height: 150px;
}
#sidebar dl.newsLetter dt p{
	text-align: right;
	margin: 5px 0;
	font-weight: bold;
}
#sidebar dl.newsLetter dd table th img{
	border:1px solid #999;
}
#sidebar dl.newsLetter dd table td{
	padding:3px;
}
#sidebar dl.newsLetter dd table td a{
	font-weight: bold;
	padding: 3px;
}
#sidebar dl.newsLetter dd ul{
	font-size: 0.8em;
	padding: 5px 3px;
}
#sidebar dl.newsLetter dd ul li{
	margin: 2px;
}
#sidebar p.memberLogin a{
	text-indent: -9999px;
	background: url(../../../../images/side/sideLogin.jpg) no-repeat top left;
	display: block;
	width:210px;
	height:60px;
	overflow:hidden;
	outine:none;
	margin: 3px 0;
}
#sidebar p.memberLogin a:hover{
	background: url(../../../../images/side/sideLogin.jpg) no-repeat top right;
}
#sidebar .sideLink{padding-top: 10px;}

/* footer　Start */
#footer{
	clear:both;
	background: url(../../../../images/footer_bk.jpg) no-repeat top center;
	padding: 5px 15px;
	height:30px;
}
#footer p{
	float:left;
	padding: 3px 5px;
}
#footer ul{
	float:right;
}
#footer ul li{
	float: left;
	padding: 5px;
}
/* main　Start */
#main{
	width:715px;
	float:right;
	padding: 5px;
	margin: 0px 5px 5px 0;
	line-height: 160%;
}
#main div.post h4{
	margin: 10px 0 5px 0;
	padding: 3px 0 5px 10px;
	font-size: 16px;
	background: url(../../../../images/inside-h3.jpg) no-repeat top left;
	color:#1DA4EF;
}
.gallery dl{
    width:215px;
    float:left;
    padding:10px;
}
.gallery dl dt img{
    border: 5px solid #999;
}
.gallery dl dd{
    width:170px;
}
.attention{
border:1px solid #999;
padding:5px;
background: Green;
margin-bottom:10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.attention a{
color:white;
}