@charset "UTF-8"; 

/**************** All_pages *************/
*{
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

html{
	height:100%;
}

body {
	color: #000000;
	background-image: url(../image/back_ground.gif);
	background-color: #ffffff;
	height: auto;
}

body > #container {
	height: 100%;
}

br {
	letter-spacing:normal;
}

img {
	clear:both;
	border: 0px;
}

.ttl {
	clear: both;
	margin: 0px 0px 0px 0px;
}

.cover {
	clear: both;
	margin: 0px 0px 10px 10px;
}

.ttl2 {
	clear: both;
	margin: 0px 0px 10px 0px;
}

.ttl3 {
	clear: both;
	margin: 0px 0px 0px 0px;
}
.copyright {
	text-align: center;
	font-size: 10px;
	color: #999999;
	letter-spacing: 0em;
}

#container {
	margin-right: auto;
	margin-left: auto;
	width: 850px;
	height: 100%;
	background-image: url(../image/back.jpg);
	background-repeat: repeat-y;
}

#main {
	margin: 0px 0px 0px 30px;
	background-color: #ffffff;
	width: 790px;
	height: 100%;

}
#header {
	clear: both;
	margin: 0px 0px 0px 0px;
	width: 850px;
	height: 125px;
}

#page_navi {
	clear: both;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	letter-spacing: 0.1em;
	width: 850px;
	height: 20px;
}

#page_navi a:link {
	text-decoration: none;
	color: #ffffff;
}
#page_navi a:visited {
	text-decoration: none;
	color: #ffffff;
}
#page_navi a:active {
	text-decoration: none;
	color: #ffffff;
}
#page_navi a:hover {
	text-decoration: none;
	color: white;
	background: #3333CC;
}

#footer {
	clear:both;
	list-style:none;
	margin: 0px;
	border:0px;
	background-repeat:no-repeat;
	background-position:top;
	background-image: url(../image/footer.jpg);
	width: 850px;
	height: 50px;
}

/**************** Menu *************/
#menu {
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	width: 850px;
	height: 60px;
}

ul#menu {
	list-style: none;
	margin: 0px 0px 0px 0px;
}

ul#menu li {
	display: inline;
	float: left;
}

ul#menu li a {
	line-height: 40px;
	text-indent: -9999px;
	display: block;
	font-size: 12px;
	height: 60px;
	overflow: hidden;
}

ul#menu li#top{
	margin: 0px 0px 0px 0px;
	width: 108px;
	height: 60px;
	text-indent: -9999px;
}

ul#menu li#top a{
	text-indent: -9999px;
	display: block;
	width: 108px;
	height: 60px;
	background-image: url(../image/menu_01.jpg);
	overflow: hidden;
}

ul#menu li#top a:hover{
	background-position: left bottom;
}

ul#menu li#companion {
	margin: 0px 0px 0px 0px;
	width: 116px;
	height: 60px;
	text-indent: -9999px;
}

ul#menu li#companion a{
	text-indent: -9999px;
	display: block;
	width: 116px;
	height: 60px;
	background-image: url(../image/menu_02.jpg);
	overflow: hidden;
}

ul#menu li#companion a:hover{
	background-position: left bottom;
}

ul#menu li#system {
	margin: 0px 0px 0px 0px;
	width: 91px;
	height: 60px;
	text-indent: -9999px;
}

ul#menu li#system a{
	text-indent: -9999px;
	display: block;
	width: 91px;
	height: 60px;
	background-image: url(../image/menu_03.jpg);
	overflow: hidden;
}

ul#menu li#system a:hover{
	background-position: left bottom;
}

ul#menu li#schedule {
	margin: 0px 0px 0px 0px;
	width: 105px;
	height: 60px;
	text-indent: -9999px;
}

ul#menu li#schedule a{
	text-indent: -9999px;
	display: block;
	width: 105px;
	height: 60px;
	background-image: url(../image/menu_04.jpg);
	overflow: hidden;
}

ul#menu li#schedule a:hover{
	background-position: left bottom;
}

ul#menu li#registration {
	margin: 0px 0px 0px 0px;
	width: 126px;
	height: 60px;
	text-indent: -9999px;
}

ul#menu li#registration a{
	text-indent: -9999px;
	display: block;
	width: 126px;
	height: 60px;
	background-image: url(../image/menu_05.jpg);
	overflow: hidden;
}

ul#menu li#registration a:hover{
	background-position: left bottom;
}



ul#menu li#gravure {
	margin: 0px 0px 0px 0px;
	width: 92px;
	height: 60px;
	text-indent: -9999px;
}

ul#menu li#gravure a{
	text-indent: -9999px;
	display: block;
	width: 92px;
	height: 60px;
	background-image: url(../image/menu_06.jpg);
	overflow: hidden;
}

ul#menu li#gravure a:hover{
	background-position: left bottom;
}

ul#menu li#recruit {
	margin: 0px 0px 0px 0px;
	width: 87px;
	height: 60px;
	text-indent: -9999px;
}

ul#menu li#recruit a{
	text-indent: -9999px;
	display: block;
	width: 87px;
	height: 60px;
	background-image: url(../image/menu_07.jpg);
	overflow: hidden;
}

ul#menu li#recruit a:hover{
	background-position: left bottom;
}

ul#menu li#member {
	margin: 0px 0px 0px 0px;
	width: 125px;
	height: 60px;
	text-indent: -9999px;
}

ul#menu li#member a{
	text-indent: -9999px;
	display: block;
	width: 125px;
	height: 60px;
	background-image: url(../image/menu_08.jpg);
	overflow: hidden;
}

ul#menu li#member a:hover{
	background-position: left bottom;
}

/**************** Menu_Member *************/
#menu_m {
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	width: 850px;
	height: 60px;
}

ul#menu_m {
	list-style: none;
	margin: 0px 0px 0px 0px;
}

ul#menu_m li {
	display: inline;
	float: left;
}

ul#menu_m li a {
	line-height: 40px;
	text-indent: -9999px;
	display: block;
	font-size: 12px;
	height: 60px;
	overflow: hidden;
}

ul#menu_m li#top_m{
	margin: 0px 0px 0px 0px;
	width: 108px;
	height: 60px;
	text-indent: -9999px;
}

ul#menu_m li#top_m a{
	text-indent: -9999px;
	display: block;
	width: 108px;
	height: 60px;
	background-image: url(../image/menu_01.jpg);
	overflow: hidden;
}

ul#menu_m li#top_m a:hover{
	background-position: left bottom;
}

ul#menu_m li#companion_m {
	margin: 0px 0px 0px 0px;
	width: 116px;
	height: 60px;
	text-indent: -9999px;
}

ul#menu_m li#companion_m a{
	text-indent: -9999px;
	display: block;
	width: 116px;
	height: 60px;
	background-image: url(../image/menu_02.jpg);
	overflow: hidden;
}

ul#menu_m li#companion_m a:hover{
	background-position: left bottom;
}

ul#menu_m li#system_m {
	margin: 0px 0px 0px 0px;
	width: 91px;
	height: 60px;
	text-indent: -9999px;
}

ul#menu_m li#system_m a{
	text-indent: -9999px;
	display: block;
	width: 91px;
	height: 60px;
	background-image: url(../image/menu_03.jpg);
	overflow: hidden;
}

ul#menu_m li#system_m a:hover{
	background-position: left bottom;
}

ul#menu_m li#schedule_m {
	margin: 0px 0px 0px 0px;
	width: 105px;
	height: 60px;
	text-indent: -9999px;
}

ul#menu_m li#schedule_m a{
	text-indent: -9999px;
	display: block;
	width: 105px;
	height: 60px;
	background-image: url(../image/menu_04.jpg);
	overflow: hidden;
}

ul#menu_m li#schedule_m a:hover{
	background-position: left bottom;
}

ul#menu_m li#registration_m {
	margin: 0px 0px 0px 0px;
	width: 126px;
	height: 60px;
	text-indent: -9999px;
}

ul#menu_m li#registration_m a{
	text-indent: -9999px;
	display: block;
	width: 126px;
	height: 60px;
	background-image: url(../image/menu_09.jpg);
	overflow: hidden;
}

ul#menu_m li#registration_m a:hover{
	background-position: left bottom;
}



ul#menu_m li#gravure_m {
	margin: 0px 0px 0px 0px;
	width: 92px;
	height: 60px;
	text-indent: -9999px;
}

ul#menu_m li#gravure_m a{
	text-indent: -9999px;
	display: block;
	width: 92px;
	height: 60px;
	background-image: url(../image/menu_06.jpg);
	overflow: hidden;
}

ul#menu_m li#gravure_m a:hover{
	background-position: left bottom;
}

ul#menu_m li#recruit_m {
	margin: 0px 0px 0px 0px;
	width: 87px;
	height: 60px;
	text-indent: -9999px;
}

ul#menu_m li#recruit_m a{
	text-indent: -9999px;
	display: block;
	width: 87px;
	height: 60px;
	background-image: url(../image/menu_07.jpg);
	overflow: hidden;
}

ul#menu_m li#recruit_m a:hover{
	background-position: left bottom;
}

ul#menu_m li#member_m {
	margin: 0px 0px 0px 0px;
	width: 125px;
	height: 60px;
	text-indent: -9999px;
}

ul#menu_m li#member_m a{
	text-indent: -9999px;
	display: block;
	width: 125px;
	height: 60px;
	background-image: url(../image/menu_10.jpg);
	overflow: hidden;
}

ul#menu_m li#member_m a:hover{
	background-position: left bottom;
}



/**************** Top_page *************/

#hotnews_box {
	float: left;
	margin: 0px 0px 10px 10px;
	display: inline;
	width: 378px;
	height: 140px;
	overflow: auto;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	background-color: #fff3f3;
}

dl.hotnews_box {
	margin: 5px 5px 0px 5px;
	font-size: 12px;
}

dt.hotnews_box {
	margin: 5px 5px 0px 5px;
	font-size: 12px;
	line-height: 120%;
	letter-spacing: 0.1em;
	color: #000033;
}

dd.hotnews_box {
	margin: 5px 5px 0px 5px;
	letter-spacing: 0.1em;
	line-height: 120%;
	font-size: 12px;
	color: #cccccc;
	text-indent: 200px;
}

#recruit_box {
	float: left;
	margin: 0px 0px 10px 10px;
	display: inline;
	width: 183px;
	height: 141px;
	overflow: auto;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	background-color: #ffffff;
}

#mobile_box {
	float: left;
	margin: 0px 0px 10px 10px;
	display: inline;
	width: 183px;
	height: 140px;
	overflow: auto;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	background-color: #ffffff;
}

#information_box {
	float: left;
	margin: 0px 0px 10px 10px;
	display: inline;
	width: 378px;
	height: 140px;
	overflow: auto;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	background-color: #f4fff3;
}

dl.information_box {
	margin: 5px 5px 0px 5px;
	font-size: 12px;
}

dt.information_box {
	margin: 5px 5px 0px 5px;
	font-size: 12px;
	line-height: 120%;
	letter-spacing: 0.1em;
	color: #000033;
}

dd.information_box {
	margin: 5px 5px 0px 5px;
	letter-spacing: 0.1em;
	line-height: 120%;
	font-size: 12px;
	color: #cccccc;
	text-indent: 200px;
}


#whatsnew_box {
	float: left;
	margin: 0px 0px 10px 10px;
	display: inline;
	width: 378px;
	height: 140px;
	overflow: auto;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	background-color: #f3f4ff;
}

dl.whatsnew_box {
	margin: 5px 5px 0px 5px;
	font-size: 12px;
}

dt.whatsnew_box {
	margin: 5px 5px 0px 5px;
	font-size: 12px;
	line-height: 120%;
	letter-spacing: 0.1em;
	color: #000066;
}

dd.whatsnew_box {
	margin: 5px 5px 0px 5px;
	text-indent: 10px;
	font-size: 12px;
	letter-spacing: 0.1em;
	line-height: 120%;
	color: #333333;
}


#todays_box {
	float: left;
	display: inline;
	list-style:none;
	margin: 0px 0px 0px 10px;
	width: 768px;
	height: auto;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	background-color: #ffffff;
}

#todays_box ul{
	list-style: none;
	width: 763px;
	height: auto;
	margin:5px 0px 5px 5px;
	font-size: 12px;
	text-align: center;

}

#todays_box li{
	display: inline;
	float: left;
	margin-right: 4px;
	margin-bottom: 5px;
	padding-top: 3px;
	text-align: center;
	width: 146px;
	height: 215px;
	border: 1px
	solid #999999;
	color: #000033;
	background-color: #fffff;
}

#todays_box .name{
	clear: both;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	line-height:120%;
	letter-spacing: 0.2em;
}

#todays_box .size{
	text-align: center;
	margin: 1px 0px 5px 0px;
	font-size: 12px;
}


#todays_box .name{
	clear: both;
	margin: 2px 0px 0px 0px;
	width: 130px;
	font-size: 12px;
	text-align:center;
	color:#000033;
}
#daytime_top {
	display: block;
	list-style:none;
	margin: 5px 0px 0px 5px;
	width: 745px;
	height: 20px;
	text-indent: 10px;
	border-left: solid 10px #0000cc;
	border-bottom: solid 2px #0000cc;
	background-color: #ffffff;
}

/**************** Schedule_page *************/
#schedule_date a:link {
	text-decoration: none;
	color: #333333;
}
#schedule_date a:visited {
	text-decoration: none;
	color: #333333;
}
#schedule_date a:active {
	text-decoration: none;
	color: #333333;
}
#schedule_date a:hover {
	text-decoration: none;
	color: white;
	background: #3333CC;
}

#schedule_date {
	display: block;
	margin: 10px 0px 0px 10px;
	width: 770px;
	height: 30px;
	background-image: url(../image/schedule01.gif);
	background-repeat: no-repeat;
}

#schedule_date ul{
	list-style: none;
	margin: 10px 0px 0px 0px;
	font-size: 14px;
	text-align: center;
	width: 770px;
	height: 30px;
}

#schedule_date li{
	float: left;
	width: 110px;
	height: 30px;

}

#schedule_date_01 a:link {
	text-decoration: none;
	color: #333333;
}
#schedule_date_01 a:visited {
	text-decoration: none;
	color: #333333;
}
#schedule_date_01 a:active {
	text-decoration: none;
	color: #333333;
}
#schedule_date_01 a:hover {
	text-decoration: none;
	color: white;
	background: #3333CC;
}

#schedule_date_01 {
	display: block;
	margin: 10px 0px 0px 10px;
	width: 770px;
	height: 30px;
	background-image: url(../image/schedule02.gif);
	background-repeat: no-repeat;
}

#schedule_date_01 ul{
	list-style: none;
	margin: 10px 0px 0px 0px;
	font-size: 14px;
	text-align: center;
	width: 770px;
	height: 30px;
}

#schedule_date_01 li{
	float: left;
	width: 110px;
	height: 30px;

}

#schedule_date_02 a:link {
	text-decoration: none;
	color: #333333;
}
#schedule_date_02 a:visited {
	text-decoration: none;
	color: #333333;
}
#schedule_date_02 a:active {
	text-decoration: none;
	color: #333333;
}
#schedule_date_02 a:hover {
	text-decoration: none;
	color: white;
	background: #3333CC;
}

#schedule_date_02 {
	display: block;
	margin: 10px 0px 0px 10px;
	width: 770px;
	height: 30px;
	background-image: url(../image/schedule03.gif);
	background-repeat: no-repeat;
}

#schedule_date_02 ul{
	list-style: none;
	margin: 10px 0px 0px 0px;
	font-size: 14px;
	text-align: center;
	width: 770px;
	height: 30px;
}

#schedule_date_02 li{
	float: left;
	width: 110px;
	height: 30px;

}

#schedule_date_03 a:link {
	text-decoration: none;
	color: #333333;
}
#schedule_date_03 a:visited {
	text-decoration: none;
	color: #333333;
}
#schedule_date_03 a:active {
	text-decoration: none;
	color: #333333;
}
#schedule_date_03 a:hover {
	text-decoration: none;
	color: white;
	background: #3333CC;
}

#schedule_date_03 {
	display: block;
	margin: 10px 0px 0px 10px;
	width: 770px;
	height: 30px;
	background-image: url(../image/schedule04.gif);
	background-repeat: no-repeat;
}

#schedule_date_03 ul{
	list-style: none;
	margin: 10px 0px 0px 0px;
	font-size: 14px;
	text-align: center;
	width: 770px;
	height: 30px;
}

#schedule_date_03 li{
	float: left;
	width: 110px;
	height: 30px;

}

#schedule_date_04 a:link {
	text-decoration: none;
	color: #333333;
}
#schedule_date_04 a:visited {
	text-decoration: none;
	color: #333333;
}
#schedule_date_04 a:active {
	text-decoration: none;
	color: #333333;
}
#schedule_date_04 a:hover {
	text-decoration: none;
	color: white;
	background: #3333CC;
}

#schedule_date_04 {
	display: block;
	margin: 10px 0px 0px 10px;
	width: 770px;
	height: 30px;
	background-image: url(../image/schedule05.gif);
	background-repeat: no-repeat;
}

#schedule_date_04 ul{
	list-style: none;
	margin: 10px 0px 0px 0px;
	font-size: 14px;
	text-align: center;
	width: 770px;
	height: 30px;
}

#schedule_date_04 li{
	float: left;
	width: 110px;
	height: 30px;

}

#schedule_date_05 a:link {
	text-decoration: none;
	color: #333333;
}
#schedule_date_05 a:visited {
	text-decoration: none;
	color: #333333;
}
#schedule_date_05 a:active {
	text-decoration: none;
	color: #333333;
}
#schedule_date_05 a:hover {
	text-decoration: none;
	color: white;
	background: #3333CC;
}

#schedule_date_05 {
	display: block;
	margin: 10px 0px 0px 10px;
	width: 770px;
	height: 30px;
	background-image: url(../image/schedule06.gif);
	background-repeat: no-repeat;
}

#schedule_date_05 ul{
	list-style: none;
	margin: 10px 0px 0px 0px;
	font-size: 14px;
	text-align: center;
	width: 770px;
	height: 30px;
}

#schedule_date_05 li{
	float: left;
	width: 110px;
	height: 30px;

}

#schedule_date_06 a:link {
	text-decoration: none;
	color: #333333;
}
#schedule_date_06 a:visited {
	text-decoration: none;
	color: #333333;
}
#schedule_date_06 a:active {
	text-decoration: none;
	color: #333333;
}
#schedule_date_06 a:hover {
	text-decoration: none;
	color: white;
	background: #3333CC;
}

#schedule_date_06 {
	display: block;
	margin: 10px 0px 0px 10px;
	width: 770px;
	height: 30px;
	background-image: url(../image/schedule07.gif);
	background-repeat: no-repeat;
}

#schedule_date_06 ul{
	list-style: none;
	margin: 10px 0px 0px 0px;
	font-size: 14px;
	text-align: center;
	width: 770px;
	height: 30px;
}

#schedule_date_06 li{
	float: left;
	width: 110px;
	height: 30px;

}

#schedule_box {
	float: left;
	display: inline;
	list-style:none;
	margin: -10px 0px 0px 10px;
	width: 768px;
	height: auto;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
}

#schedule_box ul{
	list-style: none;
	width: 763px;
	height: auto;
	margin:5px 0px 5px 5px;
	font-size: 12px;
	text-align: center;

}

#schedule_box li{
	display: inline;
	float: left;
	margin-right: 4px;
	margin-bottom: 5px;
	padding-top: 3px;
	text-align: center;
	width: 146px;
	height: 215px;
	border: 1px
	solid #999999;
	color: #000033;
	background-color: #fffff;
}

#schedule_box .name{
	clear: both;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	line-height:120%;
	letter-spacing: 0.2em;
}

#schedule_box .size{
	text-align: center;
	margin: 1px 0px 5px 0px;
	font-size: 12px;
}


#schedule_box .name{
	clear: both;
	margin: 2px 0px 0px 0px;
	width: 130px;
	font-size: 12px;
	text-align:center;
	color:#000033;
}
#daytime {
	display: block;
	margin: 20px 0px 10px 5px;
	width: 745px;
	height: 25px;
	font-size: 14px;
	line-height:160%;
	text-indent: 10px;
	border-left: solid 10px #0000cc;
	border-bottom: solid 2px #0000cc;
}

/**************** System_page *************/
#map {
	margin: 15px 0px 15px 10px;
	width: 406px;
	height: 406px;
	display:inline;
	float:left;
}

#system {
	margin: 15px 0px 15px 15px;
	width: 350px;
	height: 406px;
	display:inline;
	float:left;
	color: #000066;
	line-height:90%;
}

#system table{
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	text-align: left;
	border-right: #000099 1px solid;
	border-top: #000099 1px solid;
	border-left: #000099 1px solid;
	border-bottom: #000099 1px solid;
	border-collapse: collapse;
}

#system th{
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
	background-color: #f2f2ff;
}

#system td{
	padding: 5px;
	letter-spacing: 0.1em;
}

#system .thmain {
	padding: 5px;
	padding-left: 15px;
	color: #ffffff;
	background-color: #000099;
	letter-spacing: 0.2em;
}

#system .tdsub{
	padding: 5px;
	letter-spacing: 0.1em;
	font-weight: normal;
	background-color: #f2f2ff;
}

#system .thsub {
	padding-left: 5px;
	padding-right: 5px;
	color: #0000ff;
	letter-spacing: 0.2em;
	font-weight: bold;
}

#system .thsub02 {
	color: #ffffff;
	background-color: #9999ff;
}


#system .table02{
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	text-align: left;
	border: 0px;
}

#system .padding0{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#system .padding0{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#system_box {
	clear: both;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	width: 770px;
	height: 90px;
	font-size: 12px;
	text-align: left;
	color: #000066;
	line-height:140%;
	letter-spacing: 0.2em;
}
/**************** Companion-List_page *************/

#companion_list {
	display: block;
	list-style:none;
	margin: 10px 0px 5px 10px;
	width: 770px;
	background-color:#FFFFFF;
}

#companion_list ul{
	list-style: none;
	margin:5px 0px 0px 5px;
	font-size: 12px;
	text-align: center;

}

#companion_list li{
	display: inline;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align: center;
	width: 146px;
	height: 225px;
	border: 1px
	solid #999999;
	color: #000033;
	background-color: #fffff;
}

#companion_list .size{
	text-align: center;
	margin: 1px 0px 5px 0px;
	font-size: 12px;
}


#companion_list .icon{
	margin: 0px 0px 0px 0px;
	padding-top: 2px;
	width:144px;
	height:10px;
	text-align: right;
	display: inline;
	float: left;
}

#companion_list .name{
	clear: both;
	margin: 2px 0px 0px 0px;
	width: 130px;
	font-size: 12px;
	line-height:120%;
	letter-spacing: 0.2em;
	text-align:center;
	color:#000033;
}
#companion_icon_info{
	display:inline;
	float:right;
	margin-top:0px;
	margin-right:0px;
	font-size:12px;
	color:#000000;
}

/**************** Profile_page *************/
#profile_main {
	float: left;
	display: inline;
	list-style:none;
	margin: 0px 0px 0px 10px;
	width: 768px;
	height: auto;
	padding-bottom: 10px;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
}

#img_box {
	float: left;
	display: inline;
	margin: 20px 0px 0px 25px;
	width: 350px;
	height: 550px;
}

#detail_box {
	float: left;
	display: inline;
	margin: 20px 0px 0px 20px;
	width: 350px;
	word-break: break-all;
}

#detail_name {
	display: block;
	margin: 5px 0px 10px 0px;
	width: 340px;
	height: 25px;
	color:#000066;
	font-size: 14px;
	line-height:160%;
	text-indent: 10px;
	letter-spacing: 0.1em;
	border-left: solid 10px #0000cc;
	border-bottom: solid 2px #0000cc;

}

#detail_box table{
	margin: 15px 0px 0px 0px;
	font-size: 12px;
	text-align: left;
	border-right: #0000cc 1px solid;
	border-top: #0000cc 1px solid;
	border-left: #0000cc 1px solid;
	border-bottom: #0000cc 1px solid;
	border-collapse: collapse;
}

#detail_box .question{
	padding: 5px;
	font-weight: normal;
	line-height:140%;
	background-color: #f2f2ff;
	color: #0000ff;
	text-align: center;
	letter-spacing: 0.1em;
	border-top: #0000cc 1px solid;
	border-bottom: #0000cc 1px solid;
}

#detail_box .answer{
	padding: 5px;
	font-weight: normal;
	line-height:140%;
	background-color: #ffffff;
	color:#000066;
	letter-spacing: 0.1em;
	text-indent: 0px;
	border-top: #0000cc 1px solid;
	border-bottom: #0000cc 1px solid;
}

#detail_box .blog {
	padding: 5px;
	font-weight: normal;
	text-align: center;
	line-height:140%;
	color: #ffffff;
	background-color: #ff00ff;
	letter-spacing: 0.1em;
	text-indent: 0px;
	word-break: break-all;
}

#buttun_box {
	display: block;
	float: left;
	padding: 0px;
	margin: 10px 0px 0px 2px;
	width: 348px;
	height: 40px;
}
#buttun_box img{
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
#buttun_box ul{
	list-style: none;
	margin:0px 0px 0px 0px;
	font-size: 12px;
	text-align: center;

}

#buttun_box li{
	display: inline;
	float: left;
	margin: 0px 0px 0px 3px;
	width: 40px;
	height: 40px;
}
#buttun_img{
	margin: 0px 0px 0px 3px;
	width: 40px;
	height: 40px;
}


#profile_header {
	clear: both;
	height: 130px;
	background-image: url(../image/profile_header.jpg);
	background-repeat: no-repeat;
}

#profile_footer {
	clear: both;
	width: 500px;
	height: 70px;
	background-image: url(../image/profile_footer.jpg);
	background-repeat: no-repeat;
}

#profile_image {
	margin: 0px 0px 0px 0px;
	text-align: center;
	float: left;
	width: 270px;
	height: 400px;

}

#profile_sumb {
	margin: 0px 0px 0px 0px;
	float: left;
	width: 220px;
	height: 80px;

}

#profile_list {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 220px;
	height: 300px;
	background-image: url(../image/profile_name.jpg);
	background-repeat: no-repeat;

}

#profile_list .name {
	margin: 5px 0px 0px 0px;
	line-height:120%;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	letter-spacing: 0.1em;
}

#profile_list .propaty {
	margin: 5px 0px 0px 0px;
	line-height:100%;
	font-size: 12px;
	color: #660033;
	text-align: left;

}

#profile_list .answer {
	margin: 5px 0px 0px 0px;
	line-height: 110%;
	font-size: 12px;
	color: #666666;
	letter-spacing: 0.05em;
}


#profile_buttun {
	margin: 0px 0px 0px 0px;
	float: left;
	width: 200px;
	height: 20px;
	text-align: center;
}

/**************** Registration_page *************/
#registration_box {
	float: left;
	display: inline;
	list-style:none;
	margin: 0px 0px 0px 10px;
	width: 768px;
	height: 500px;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	background-image: url(../image/registration_side.jpg);
	background-repeat: no-repeat;
}

#registration_form {
	margin: 15px 0px 0px 220px;
	width: 520px;
	font-size: 12px;
	color: #000000;
	line-height:120%;
	text-indent: 5px;
	letter-spacing: 0.2em;
}
#registration_formcgi {
	margin: 15px 0px 0px 220px;
	width: 520px;
	font-size: 14px;
	color: #000000;
	line-height:120%;
	text-indent: 5px;
	letter-spacing: 0.2em;
}

#registration_form .h1 {
	width: 500px;
	height: 25px;
	font-size: 14px;
	line-height:160%;
	text-indent: 10px;
	border-left: solid 10px #0000cc;
	border-bottom: solid 2px #0000cc;
}

#registration_form .ttl{
	font-weight: bold;
	text-indent: 5px;
	line-height:120%;
	color: #660033;
	font-size: 16px;
}

#registration_form .body{
	text-indent: 10px;
	line-height:140%;
	color: #000000;
	font-size: 14px;
}

#registration_form .blue{
	font-size: 14px;
	font-weight: bold;
	color: #0000ff;
}

#registration_form .red{
	font-size: 14px;
	font-weight: bold;
	color: #ff0000;
}

#registration_formcgi .body{
	text-indent: 10px;
	line-height:140%;
	color: #000000;
	font-size: 14px;
}

#registration_formcgi .blue{
	font-size: 14px;
	font-weight: bold;
	color: #0000ff;
}

#registration_formcgi .red{
	font-size: 14px;
	font-weight: bold;
	color: #ff0000;
}

/**************** Info_page *************/
#info {
	margin: 0px 0px 50px 0px;
}

#info table{
	margin: 15px 0px 20px 0px;
	width: 560px;
	font-size: 12px;
	text-align: left;
	border: 0px;
	border-collapse: collapse;
}

#info td{
	padding: 12px;
}

#info h2{
	line-height:15px;
	padding-left: 5px;
	font-weight: 400;
	font-size: 18px;
	border-left: #6191f2 18px solid;
	color: #555555;
	text-indent: 0px;
	padding-top: 4px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

#info .letter03 {
	height:30px;
	line-height:120%;
}

#info .letter2 {
	padding-left: 55px;
	line-height:120%;
}

#info .tel {
	font-weight: bold;
	font-size: 14px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	letter-spacing: 0.2em;
}

#info .padding0{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#info .supplement1 {
	font-size: 12px;
	color: #ff3300;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: right
}

#info .supplement2 {
	font-size: 10px;
	color: #ff3300;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: right
}

#info .mailreserve {
	background-color: #eeeeee;
	margin: 0px 0px 0px 0px;
	width: 500px;
	padding: 5px 5px 5px 5px;
	line-height:130%;
}

/**************** Recruit_page *************/
#recruit_main {
	float: left;
	display: inline;
	list-style:none;
	margin: 0px 0px 0px 10px;
	width: 768px;
	height: 700px;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
}
#recruit_main .padding0{
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#recruit_main img{
	clear: both;
	margin: 10px 0px 10px 0px;
}

#recruit_sub {
	clear: both;
	display: inline;
	margin: 0px 0px 20px 34px;
	width: 600px;
}

#recruit_sub table{
	margin: 0px 0px 0px 84px;
	font-size: 14px;
	text-align: left;
	border-right: #cc00cc 1px solid;
	border-top: #cc00cc 1px solid;
	border-left: #cc00cc 1px solid;
	border-bottom: #cc00cc 1px solid;
	border-collapse: collapse;
}

#recruit_sub th{
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
	background-color: #ffccff;
	letter-spacing: 0.1em;
	color: #000066;
	text-align: center;
}

#recruit_sub td{
	padding: 5px;
	text-align: left;
	letter-spacing: 0.1em;
	color: #000066;
}
#recruit_sub .warning{
	padding: 5px;
	text-align: center;
	letter-spacing: 0.1em;
	color: #000066;
}

#recruit_form {
	margin: 20px 0px 0px 190px;
	width: 400px;
	height: 300px;
	font-size: 12px;
	color: #000066;
	line-height: 140%;
	letter-spacing: 0.1em;
}

/**************** Mail-form_page *************/
#mailform_main {
	float: left;
	display: inline;
	list-style:none;
	margin: 0px 0px 0px 10px;
	width: 768px;
	height: 600px;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
}

#mailform_header {
	margin: 10px 0px 0px 0px;
	width: 768px;
	height: 200px;
	border: 0px;
	background-image: url(../image/mailform.jpg);
	background-repeat: no-repeat;
}

#mailform_navi {
	margin: 5px 0px 0px 140px;
	width: 500px;
	font-size: 12px;
	color: #000066;
	line-height: 140%;
	letter-spacing: 0.1em;
}

#mailform {
	margin: 20px 0px 0px 190px;
	width: 400px;
	height: 300px;
	font-size: 12px;
	color: #000066;
	line-height: 140%;
	letter-spacing: 0.1em;
}


/**************** Member-Login_page *************/
#member_main {
	float: left;
	display: inline;
	list-style:none;
	margin: 0px 0px 0px 10px;
	width: 768px;
	height: 500px;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	background-image: url(../image/login_back.jpg);
	background-repeat: no-repeat;
}

#login_box {
	margin: 50px 0px 0px 50px;
	width: 650px;
	height: 205px;
	font-size: 12px;
	color: #000000;
	background-image: url(../image/login.gif);
	background-repeat: no-repeat;
	line-height: 140%;
}
	
#login_navi {
	margin: 20px 0px 0px 140px;
	width: 500px;
	height: 200px;
	font-size: 12px;
	color: #000066;
	line-height: 140%;
	letter-spacing: 0.1em;
}

#login_box .error {
	color: #bb0000;
	margin-bottom: 10px;
}

/**************** Link_page *************/
#link_box {
	margin: 5px 0px 40px 0px;
	padding: 5px;
	color: #555555;
}

#link_box p{
	margin-top: 10px;
	margin-bottom: 5px;
	letter-spacing: 0.2em;
	font-size: 14px;
}

#link_box td{
	font-size: 12px;
	text-align: left;
	line-height:140%;
	text-indent: 30px;
}

#link_box h2{
	margin-left: 100px;
	margin-bottom: 50px;
	line-height:15px;
	padding-left: 5px;
	font-weight: 400;
	font-size: 18px;
	border-left: #6191f2 18px solid;
	color: #555555;
	text-indent: 50px;
	padding-top: 4px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

#link_box .area{
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

#link_box .top{
	margin-top: 50px;
	margin-left: 350px;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: lighter;
	color :#000000;
}


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


#gravure_main {
	width: 768px;
	height: auto;
	margin: 0px 0px 0px 10px;
	padding-top: 20px;
	background-image: url(../image/gravure_bar.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#gravure_box {
	list-style:none;
	padding-top: 30px;
	width: 760px;
	height: 100%;

}

#gravure_box ul{
	list-style: none;
	text-align: center;
}

#gravure_box li{
	display: block;
	float: left;
	padding-left: 20px;
	padding-bottom: 30px;
	text-align: center;
	width: 350px;
	height: 150px;
	background-color: #ffffff;
}
/*----------------------------------------------------------------*/

#gravure_detail_main {
	width: 758px;
	height: 600px;
	margin: 0px 0px 0px 15px;
	background-image: url(../image/gravure_back.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#gravure_name {
	clear: both;
	width:420px;
	height: 30px;
	text-indent: 15px;
	font-size: 14px;
	line-height:26px;
	margin-left: 330px;
	padding-top: 8px;
	letter-spacing: 0.2em;
}

#gravure_img {
	float: left;
	text-align: center;
	border-collapse: collapse;
	width: 500px;
	height: 500px;
	margin-left: 30px;
	padding-top: 34px;
}

#gravure_btn {
	float: right;
	width: 170px;
	height: 470px;
	margin-right: 18px;
	padding-top: 22px;

}
#gravure_btn img{
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#gravure_btn ul{
	list-style: none;
	margin:0px 0px 0px 0px;
	text-align: center;
}

#gravure_btn li{
	display: inline;
	float: left;
	padding: 0px;
	margin:0px 0px 0px 0px;
	width: 170px;
	height: 48px;
}

#gravure_detail {
	float: right;
	width: 170px;
	height: 30px;
	text-align: center;
	margin-right: 18px;
	padding-top: 26px;
	letter-spacing: 0.1em;
}
/*----------------------------------------------------------------*/