﻿@charset "utf-8";
/* CSS Document */

/* INDEX container _____________________________________*/
#index_container {
	margin: 0 auto;
	padding:0;
	background-color:#C5FAF5;
	width:980px;
}

#index_left_block {
	float:left;
	background-color:#C5FAF5;
	margin:0;
	padding:0;
	width:600px;
}

#index_right_block {
	float:right;
	background-color:#C5FAF5;
	margin:0;
	padding:0;
	width:350px;
}

#index_container_end {
	clear:both;
}


/* header ____________________________________________*/
#index_titleblack {
	margin:0;
	padding:0;
	background-image:url(images/backimage.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:980px;
	height:720px;
}

#index_subtitle {
	margin: 10px 0 0 30px;
	padding: 0;
}
#index_subtitle h1 {
	margin: 0;
	padding: 0;
	background-image:url(images/subtitle1.gif);
	background-repeat:no-repeat;
	width:523px;
	height:51px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	font-size:12px;
	font-weight:100;
}

#index_title {}
#index_title h2 {
	margin: 15px 0 0 20px;
	padding:0;
	background-image:url(images/title.gif);
	background-repeat:no-repeat;
	width:647px;
	height:282px;
	text-indent:-9999px;
	overflow:hidden;
}

#index_kokuban {
	float:left;
	background-image:url(images/kukoban.gif);
	background-repeat:no-repeat;
	width:656px;
	height:311px;
	margin:15px 0 0 20px;
	padding:0;
}

#index_kokuban #info {
	padding: 70px 150px 30px 40px;
	font-size:18px;
	color:#FFF;
	height:200px;
	overflow:auto;
	font-family:"HG丸ｺﾞｼｯｸM-PRO";
	line-height:140%;
	font-weight:bold;
}

#index_qrcode {
	float:right;
	padding: 0 0 0 0;
	background-position:bottom;
	width:150px;
	height:105px;
}

#index_qrcode a {
	display:block;
	background-image:url(../main/images/QRcode.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	width:90px;
	height:90px;
}

/* LeftBlack ____________________________________________*/
#index_bosyu {
	margin: 20px 0 0 0px;
	padding:0;
	background-image:url(images/bosyu.gif);
	background-repeat:no-repeat;
	width:570px;
	height:471px;
	text-indent:-9999px;
	overflow:hidden;
}
#index_bosyu p {
	text-indent:-9999px;
}
#index_bosyu_bottan {
	margin: 0 0 0 300px;
}
#index_bosyu_bottan a {
	display:block;
	background-image:url(images/nyugaku.gif);
	background-repeat:no-repeat;
	width:257px;
	height:23px;
	text-indent:-9999px;
	overflow:hidden;
}
#index_bosyu_bottan a:hover {
	background-image:url(images/nyugaku_on.gif);
}

#index_menu {
	margin: 30px auto 10px auto;
	padding:0;
	width:480px;
}
#index_menu ul {
	list-style:none;
	margin:0;
	padding:0;
}
#index_menu li {
	float:left;
	display:inline;
	text-indent:-9999px;
}
#index_menu li a {
	display:block;
	width:180px;
	height:51px;
	overflow:hidden;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.li_18ok a {background-image:url(images/18ok_off.gif); width:180px; height:41px;}
.li_18ok a:hover {background-image:url(images/18ok_on.gif); width:180px; height:41px;}
.li_18 {background-image:url(images/18.gif); width:54px; height:51px; margin:0 20px 0 20px;}
.li_18m a {background-image:url(images/18m_off.gif); width:180px; height:41px;}
.li_18m a:hover {background-image:url(images/18m_on.gif); width:180px; height:41px;}
#index_menu .li_end {
	clear:both;
}

#index_18text {
	margin: 10px auto;
	width:480px;
}

/* RightBlack ____________________________________________*/
#index_shopinfo_title {
	margin: 20px auto 0 auto;
	padding:0;
	background-image:url(images/shop_info_title.gif);
	background-repeat:no-repeat;
	width:350px;
	height:29px;
	text-indent:-9999px;
	overflow:hidden;
}
#index_shopinfo_black {
	margin:0 auto;
	padding:10px;
	background-color:#FFCCFF;
	width:330px;
	text-align:center;
}
#index_shopinfo_black p {
	margin:20px 0 0 0;
}
#index_shopinfo_black .text {
	margin: 15px auto;
	width:320px;
	text-align:left;
}
#info_p1 {
	margin: 5px auto;
	width::320px;
	text-align:left;
}
#index_right_bimage {
	margin:15px auto;
	padding:0;
	background-image:url(images/image2.jpg);
	background-repeat:no-repeat;
	width:343px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
}


/* index_links _______________________________________*/
#index_links {
	clear:both;
	padding: 20px 0;
}

/* Footer ____________________________________________*/
#index_footer {
	clear:both;
	margin: 0 auto;
	background-image:url(../main/images/footer_back.gif);
	background-repeat:repeat-x;
	padding:0;
	width:100%;
	height:17px;
	text-align:center;
	font-size:10px;
}


