/* CSS Document */

@charset "shift_jis";

/*===========================================
common
============================================*/

.clear
	{
	clear:both;
	line-height:0;
	height:0;
	margin:0;
	padding:0;
	}
	
.textrs
	{
	font-size:12px;
	font-weight:normal;
	color:#ff0000;
	}
.texttokuten
	{
	font-size:1.3em;
	color:#333333;	
	line-height:130%;
	}
.mb15
	{
	margin-bottom:15px;
	}



/*===========================================
CONTAINER
============================================*/
#container_all
	{
	margin:0;
	}
#container
	{
	line-height:100%;
	font-size:12px;
	color:#666666;
	max-width:580px;
	text-align:left;
	margin:0 auto;
	}
#container img
	{
	width:100%;
	max-width:580px;
	}
/*===========================================
ヘッダー
============================================*/
#header
	{
	margin:0;
	padding:0;
	}
#header img
	{
	width:100%;
	max-width:580px;
	}

/*===========================================
ボタン
============================================*/

#navbarImage
	{
	width: 580px;
	height: 85px;
	padding: 0;
	margin:0 0 5px 0;
	}
#navbarImage ul
	{
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
#navbarImage li
	{
	float: left;
	height: 85px;
	}

.btn01 a
	{
    display: block;
    width: 290px;
    height: 100%;
    background-image: url(img/navibtn_off.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
	}
.btn01 a:hover
	{
	background-image: url(img/navibtn_on.jpg);
    background-position: 0px 0px;
	}
.btn02 a
	{
    display: block;
    width: 290px;
    height: 100%;
    background-image: url(img/navibtn_off.jpg);
    background-position: -290px 0px;
    background-repeat: no-repeat;
    text-indent: -1000em;
    text-decoration: none;
	}
.btn02 a:hover
	{
	background-image: url(img/navibtn_on.jpg);
    background-position: -290px 0px;
	}
@media screen and (max-width: 579px) {
	#navbarImage{
		display:none;
	}
}

/*===========================================
内容
============================================*/
#box01
	{
	background-image:url(img/box01_back.gif);
	width:100%;
	max-width:580px;
	height:auto;
	/*height:0;
	padding-bottom:31.03448275862069%;*/
	background-repeat:no-repeat;
	margin:5px 0 5px 0;
	padding:0;
	clear:both;
	overflow:auto;
	}
@media screen and (max-width: 579px) {
	#box01{
		background-image:none;
	}
}
#box01 img
	{
	width:44.82758620689655%;
	max-width:260px;
	height:auto;
	margin:7px;
	float:left;
	}
#box01 img.img01
	{
	width:36.03448275862069%;
	max-width:209px;
	height:auto;
	}
#box01 .contents
	{
	width:50%;
	max-width:290px;
	height:auto;
	float:left;
	margin:0;
	padding-top:7px;
	color:#666666;
	line-height:150%;
	}
@media screen and (max-width: 320px) {
	#box01 .contents{
		width:100%;
		border-bottom:1px solid #777777;
		margin-bottom:3px;
	}
}

#box01 dl
	{
	margin:5px 0 0 0;
	padding:0;
	color:#333333;
	list-style:none;
	}

#box01 dd
	{
	margin:0 0 0 15px;
	padding:0 0 0 13px;
	background: url(img/maru.gif) no-repeat 0 3px;
	}
#box01 ul
	{
	margin:5px 0 0 0;
	padding:0;
	color:#333333;
	list-style:none;
	}

#box01 li
	{
	margin:0 0 0 15px;
	padding:0 0 0 13px;
	background: url(img/maru.gif) no-repeat 0 3px;
	}

.chushaku
	{
	width:50%;
	max-width:290px;
	color:#8a8a8a;
	clear:both;
	font-size:10px;
	margin:5px 0 0 0;
	line-height:120%;
	padding:0;
	}

#chushaku .chui
	{
	float:left;
	font-weight:bold;
	}
#chushaku p
	{
	float:right;
	width:83.62068965517241%;
	max-width:485px;
	margin:0 0 10px 0;
	padding:0;
	}



.name
	{
	font-size:15px;
	font-weight:bold;
	color:#555555;
	padding:7px;
	}

.name span
	{
	color:#008d3f;
	}




.pagetop
	{
	margin:5px 0;
	width:17.24137931034483%;
	max-width:100px;
	height:auto;
	clear:both;
	float:right;
	}





#box02
	{
	background-image:url(img/box02_back.gif);
	width:100%;
	max-width:580px;
	height:auto;
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	clear:both;
	line-height:150%;
	}

#box02 .contents
	{
	width:96.55172413793103%;
	max-width:560px;
	margin:0 10px 10px 10px;
	padding:0;
	clear:both;
	}


#box02 .boxleft
	{
	width:47.41379310344828%;
	max-width:275px;
	float:left;
	}

#box02 .boxright
	{
	width:47.41379310344828%;
	max-width:275px;
	float:right;
	}
	
#box02 .name
	{
	font-weight:normal;
	font-size:12px;
	margin:5px 0;
	padding:0;
	}

#box02 p
	{
	font-weight:normal;
	font-size:10px;
	margin:5px 0;
	padding:0;
	}

.box02tokuten
	{
	clear:both;
	margin:5px 15px 0 15px;
	}

#box02 dl
	{
	margin:5px 0 0 0;
	padding:0;
	color:#333333;
	list-style:none;
	}

#box02 dd
	{
	margin:0 0 0 15px;
	padding:0 0 0 13px;
	background: url(img/maru.gif) no-repeat 0 3px;
	}


#sonota
	{
	line-height:200%;
	margin:0 15px;
	}


.name02
	{
	font-size:15px;
	font-weight:bold;
	color:#555555;
	padding:7px;
	clear:both;
	}
.name02 span
	{
	color:#ff0000;
	}
#chuiten
	{
	line-height:150%;
	padding:0 15px 15px 15px;
	clear:both;
	}


.bottomlink
	{
	margin-top:30px;
	margin-bottom:20px;
	line-height:200%;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	}


.toplink
	{
	margin-bottom:10px;
	text-align:right;
	font-size:13px;
	font-weight:bold;
	margin-top:10px;
	}



#container a:link
	{
	color: #008d3f;
	text-decoration: underline;
	}
#container a:visited
	{
	text-decoration: underline;
	color: #008d3f;
	}
#container a:hover
	{
	text-decoration: none;
	color: #008d3f;
	}
#container a:active
	{
	text-decoration: underline;
	}


/*===========================================
規定ページ
============================================*/
.midashi
	{
	font-weight:bold;
	margin-top:20px;
	margin-bottom:5px;
	color:#333333;
	font-size:13px;
	}
.kiteitext
	{
	font-size:12px;
	color:#333333;
	line-height:150%;
	margin-bottom:10px;
	margin-left:20px;
	}

.number
	{
	font-weight:bold;
	}

.chui01{
	font-size:11px;
	color:#666 !important;
}
.chui02{
	font-size:12px;
	color:#666 !important;
}

#hanihyo{
	font-size:1.4em;
	border:5px #6CF solid;
	font-weight:bold;
	line-height:140%;
	padding:15px;
}
#hanihyo a{
	font-size:1em;
	color:#F00 !important;
}