@charset "utf-8";

/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
}

html,body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	color: #111111;
	font-size: 75%;
	font-weight: normal;
	line-height: 1.5;
	font-family: "Meiryo","メイリオ","ＭＳ　Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	margin: 0;
	padding: 0;
}
* html body {/*IE6*/
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

*:first-child + html body {/*IE7*/
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

img {
	border: none;
}

html {
	height: 100%;
	overflow-y: scroll;
}

/*--------------------------------------------------------------------
Link
--------------------------------------------------------------------*/

a,
a:link {
	color: #333333;
	text-decoration: none;
}

a:visited {
	color: #333333;
	text-decoration: none;
}

a:hover,
a:active {
	color: #777777;
	text-decoration: none;
}

a:focus {
	outline: none;
}

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

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

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*--------------------------------------------------------------------
基本レイアウト
Wrapper
--------------------------------------------------------------------*/

#wrapper {
	width: 100%;
}

/*--------------------------------------------------------------------
Wrap-top
--------------------------------------------------------------------*/

#wrap-top {
	width: 100%;
	text-align: center;
}

#wrap-top {
	background-color: #fff;
	text-align: left;
	margin: 0 auto;
}

#header {
	background-color: #eee;
	text-align: left;
	margin: 0 auto;
	border-bottom:#999 solid 1px;
	padding-left:10px;

}

#wrap-top #content {
	margin: 0 auto;
}

/*--------------------------------------------------------------------
3カラム用ここから
（サイドバーの幅はここで変更）
--------------------------------------------------------------------*/

#c1-1 {
	overflow: hidden;
	float: right;
	width: 100%;
	margin: 0 0 0 -200px;/*右カラム幅*/
}

#c1-2 {
	position: relative;
	text-align: left;
	margin: 0 0 0 200px;/*右カラム幅*/
}

#c1-3 {
	float: left;
	width: 100%;
	margin: 0 -200px 0 0;/*左カラム幅*/
}

#c1-4 {
	text-align: left;
	margin: 0 200px 0 0;/*左カラム幅*/
}

#column1 {
}

#c2 {
	float: left;
	width: 200px;/*右カラム幅*/
	text-align: left;
	background-color: #fff;
}

#column2 {
}

#c3 {
	float: right;
	width: 200px;/*左カラム幅*/
	text-align: left;
	background-color: #fff;
}

#column3 {
}

/*--------------------------------------------------------------------
3カラム用ここまで
--------------------------------------------------------------------*/

/*--------------------------------------------------------------------
Wrap-btm
--------------------------------------------------------------------*/

#wrap-btm {
	clear: both;
	width: 100%;
	height: 60px;/*wrap-btm（フッター）の高さ*/
	text-align: center;
}

#wrap-btm #footer {
	height: 60px;/*wrap-btm（フッター）の高さ*/
	background-color: #eee;
	text-align: left;
	margin: 0 auto;
	border-top:#9CC solid 1px;
}

/*--------------------------------------------------------------------
センター固定 or リキッドレイアウトの変更
（リキッドレイアウトにする場合はwidthを100%に変更）
--------------------------------------------------------------------*/

#header,
#content,
#footer {
	width: 100%;
}

/*--------------------------------------------------------------------
Footer固定（Footerを画面下部に固定しない場合はこの欄を削除）
--------------------------------------------------------------------*/

#wrapper {
	position: relative;
	min-height: 100%;
}

* html #wrapper {/*IE6*/
	height: 100%;
}

#wrap-top {
	height: 100%;
	padding-bottom: 100px;/*wrap-btmの高さと同じにする*/
}

#content {
	overflow: auto;
}

#wrap-btm {
	position: absolute;
	bottom: 0;
}

/*--------------------------------------------------------------------
基本レイアウトここまで
--------------------------------------------------------------------*/

/*--------------------------------------------------------------------
全カラムに10pxのpaddingの指定はここ
--------------------------------------------------------------------*/

#wrap-top #header #hgroup {
	padding: 10px;
}

#wrap-top #header #nav_top {
	padding: 10px;
}

#wrap-top #column1,
#wrap-top #column2,
#wrap-top #column3 {
	padding: 10px;
}

#wrap-btm #footer #foot-inner {
	padding: 10px;
}

/*--------------------------------------------------------------------
レイアウトや基本設定に関係無い設定はここから
--------------------------------------------------------------------*/
strong{
	font-size:110%;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	text-decoration:underline;
	color:#C33;
}

#header h1,
#header h2 {
	font-size:100%;
	font-weight: normal;
}

#header #nav_top ul li {
	list-style: none;
	padding: 0 5px 0 0;
	float: left;
}

#h_logo{
	padding-left:10px;
	padding-top:20px;
	background-color:#;
	float:left;		
}

#h_setumei{
	padding-top:10px;
	padding-right:10px;
	float:right;
	width:200px;
}


#column1 h1,
#column1 h2 {
	font-size: 130%;
	font-weight: normal;
}




#column2 h3 {
	margin-bottom:5px;
	margin-left:15px;
	font-size:100%;
	letter-spacing: 1px;
}

#column2 ul {
	margin:0 15px 20px;
}

#column2 ul li {
	padding:3px 5px;
	border-bottom:1px solid #CCC;
}

#column2 ul li a {
	text-decoration:none;
}

#column2 ul li a:hover {
	text-decoration:underline;
}

#footer #nav_btm {
	float: left;
}

#footer #nav_btm ul li {
	list-style: none;
	padding: 0 5px 0 0;
	float: left;
}

#footer .copyright {
	padding-top:30px;
	float: right;
	font-family: 'Skranji', cursive;
}


/*--------------------------------------------------------------------
/////▼お知らせタイトル////
--------------------------------------------------------------------*/
.infoP{
		font-family: 'Skranji', cursive;
		margin-bottom:10px;
		font-size:1.3em;
}

.info{
		font-family: 'Skranji', cursive;
		margin-top:10px;
		font-size:1.3em;	
}

/*--------------------------------------------------------------------
/////▼QRコード画像////
--------------------------------------------------------------------*/
.qrcode{
	padding-left:15px;
}

/*--------------------------------------------------------------------
/////▼ルール文章用////
--------------------------------------------------------------------*/
#rules h1{
	margin-bottom:25px;
	font-size:140%;
	border-bottom:#666666 solid 2px;
	font-weight:bold;
}

#rules h3{
	font-size:115%;
	margin-bottom:10px;
	border-bottom:#ccc solid 1px;
}

#rules h4{
	font-size:115%;
	margin-top:15px;
	margin-bottom:5px;
	font-weight:bold;
	color:#399;
}
.dblue{
	color:#399;
	font-weight:bold;
	font-size:110%;	
}

#rules p{
	padding-bottom:20px;
	line-height:1.8em;
	font-size:100%;
}

#rules dt{
	font-weight:bold;
}

#rules dd{
	padding-bottom:10px;
	margin-left:10px;
}

#rules .eng{
	font-style:italic;
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	font-size:80%;
	margin-left:10px;
	
}
/*--------------------------------------------------------------------
/////▼ソーシャルアイコン////
--------------------------------------------------------------------*/
#sbm2 {
	width: 600px;
	text-align: left;
	margin: 5px auto 0 auto;
}

#sbm2 img {
	width: 16px;
	height: 16px;
	margin-left: 3px;
}

/*--------------------------------------------------------------------
/////▼TOPメニュー　CSS////
--------------------------------------------------------------------*/

.main {
 width:100%;
 font-size:14px;
 }
 .main:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }
 .main ul{
 border-top: 1px solid #ccc;
 }
 .main ul li{
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
 background: linear-gradient(#fff, #f0f0f0);
 border-top: none;
 border-bottom: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 height: 51px;
 margin: 0px;
 }
 .main ul li:nth-child(odd) {
 float: left;
 width: 50%;
 }
 .main ul li a{
 color: #666;
 display: block;
 height: 45px;
 margin: 0px;
 padding: 0px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: clip;
 text-decoration: none;
 }
 .main ul li a strong{
 color: #000;
 display: block;
 font-weight: bold;
 padding-top: 2px;
 }
 .main ul li img{
 float: left;
 height: 45px;
 width: 45px;
 margin-right: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 padding:5px;
 }
 
 .minit{
	font-size:10px; 
	font-weight:normal;
	padding-top:2px;
	color:#111111;
 }

strong{
	margin-top:3px;	
}

img.help{
	border:#CCCCCC solid 1px;
	padding:5px;
	margin:5px;
}

.mes{
	font-size:120%;
	background-color:#FCF;
	color:#069;
	padding:10px;
}

#bm{
	margin-top:20px;
	
}

.news{
	font-size:1.2em;
	margin-bottom:10px;
}
.news a{
	text-decoration:underline;
}

.news ul li{
	border-bottom:1px dashed #CCCCCC;/*下線*/
	margin-bottom:5px; /*下マージン*/	
}

.date{
	color:#1E90FF;
}
.update{
}

/*--------------------------------------------------------------------

--------------------------------------------------------------------*/

* html #top {/*IE6*/
}

*:first-child + html #top {/*IE7*/
}