﻿@charset "utf-8";

/*　共通部分
---------------------------------------------*/
body {
	color: #333333;
	line-height: 1.5em;
	text-align: center;
}

.container {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}

.contents {
	width: 950px;
	padding: 0px;
	background-image: url(../_image/contents-backimg.gif);
	background-repeat: repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.contents { display: inline-block; }

/* Hides from IE-mac \*/
* html .contents { height: 1%; }
.contents {display: block; }
/* End hide from IE-mac */

img {
	border: none;
	vertical-align: top;
}

h1 {
	font-size: 12px;
	color: #039;
	padding: 0px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: left;
}

h3 {
	font-size: 16px;
	line-height: 1.5em;
	width: 512px;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #03F;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 30px;
	text-align: left;
	background-image: url(../_image/hiratai-h3-back.jpg);
	background-repeat: no-repeat;
}

a:link {
	color: #03C;
	text-decoration: underline;
	line-height: 1.5em;
}

a:visited {
	color: #03C;
	text-decoration: underline;
	line-height: 1.5em;
}

a:hover {
	color: #F90;
	text-decoration: none;
	line-height: 1.5em;
}

a:active {
	color: #ffcc00;
	text-decoration: none;
	line-height: 1.5em;
}

/*　ヘッダー部分
---------------------------------------------*/

.header {
	width: 950px;
	padding: 0px;
	height: 100px;
	background-image: url(../_image/header-line.gif);
	background-repeat: repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.logo {
	width: 246px;
	padding: 0px;
	margin: 0px;
	float: left;
	text-align: left;
	height: 60px;
}

#subscription-button {
	width: 150px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.header-right {
	width: 500px;
	padding: 0px;
	float: right;
	text-align: right;
	margin: 0px;
}

.information {
	width: 950px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.information2 {
	width: 948px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: center;
	background-color: #FFFFD7;
	border: 1px solid #999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/*　メインコンテンツ部分
---------------------------------------------*/

.main {
	float: left;
	width: 735px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*　メインコンテンツ右部分
---------------------------------------------*/

.main-body {
	float: right;
	width: 545px;
	margin: 0px;
	font-size: 14px;
	padding: 3px;
	text-align: justify;
	line-height: 1.5em;
}

.main-body a {
	font-size: 14px;
	text-decoration:underline;
	color:#03F;
}

.main-body a:hover{
	font-size: 14px;
	text-decoration:underline;
	color:#F30;
}

.main-body ul{
	padding: 0px;
	margin-top: -5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	line-height: 1.6em;
	width: 530px;
}

.main-body ol{
	margin-bottom: 5px;
	margin-left: -20px;
	line-height: 1.6em;
	width: 510px;
}

.main-body li{
	margin-bottom: 7px;
	margin-left:0px;
	line-height: 1.5em;
}

.mainbody-contents {
	width: 539px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 15px;
	border: 1px solid #03F;
}

.mainbody-contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.mainbody-contents { display: inline-block; }

/* Hides from IE-mac \*/
* html .mainbody-contents { height: 1%; }
.mainbody-contents {display: block; }
/* End hide from IE-mac */

.mainbody-contents-text {
	padding: 3px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.mainbody-contents-title {
	color: #FFF;
	font-size: 12px;
	padding: 3px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	background-image: url(../_image/mainbody-title-img.jpg);
	background-repeat: no-repeat;
}

.mainbody-contents-line {
	background-image: url(../_image/contents-mainebody-line.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 535px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.kiji-img {
	border: none;
	padding: 0px;
	float:right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.kiji-left-img {
	border: none;
	padding: 0px;
	float:left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.kiji-center-img {
	border: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
}

.big-title {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5em;
}

.multi-title {
	font-weight: bold;
	background-image: url(../hp/magazine/_image/multi-title-back.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	margin: 0px;
	height: 25px;
	width: 495px;
	padding-top: 8px;
	padding-bottom: 3px;
	padding-left: 30px;
}

.readers-line {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
	width: 540px;
	padding-bottom: 10px;
}

.readers-line:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.readers-line { display: inline-block; }

/* Hides from IE-mac \*/
* html .readers-line { height: 1%; }
.readers-line {display: block; }
/* End hide from IE-mac */

.archive-line {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
	width: 530px;
	padding-bottom: 10px;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 1.3em;
}

.archive-line:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.archive-line { display: inline-block; }

/* Hides from IE-mac \*/
* html .archive-line { height: 1%; }
.archive-line {display: block; }
/* End hide from IE-mac */

.archive-line a:link {
	color: #03F;
	font-size: 12px;
}

.archive-line a:visited {
	color: #03F;
	font-size: 12px;
}

.archive-line a:hover {
	color: #ffcc00;
	text-decoration: none;
	font-size: 12px;
}

.archive-line a:ctive {
	color: #ffcc00;
	text-decoration: none;
	font-size: 12px;
}

.archive-line img {
	padding: 0px;
	float:left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.classified-useful-line {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
	width: 530px;
	padding-bottom: 10px;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 1.3em;
}

.classified-useful-line:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.classified-useful-line { display: inline-block; }

/* Hides from IE-mac \*/
* html .classified-useful-line { height: 1%; }
.classified-useful-line {display: block; }
/* End hide from IE-mac */

.classified-useful-img {
	border: 1px solid #666;
	padding: 0px;
	float:left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.travel-line {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
	width: 530px;
	font-size: 12px;
	line-height: 1.3em;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.travel-line:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.travel-line { display: inline-block; }

/* Hides from IE-mac \*/
* html .travel-line { height: 1%; }
.travel-line {display: block; }
/* End hide from IE-mac */

.travel-line a:link {
	color: #03F;
	font-size: 12px;
}

.travel-line a:visited {
	color: #03F;
	font-size: 12px;
}

.travel-line a:hover {
	color: #ffcc00;
	text-decoration: none;
	font-size: 12px;
}

.travel-line a:active {
	color: #ffcc00;
	text-decoration: none;
	font-size: 12px;
}

.travel-line img {
	padding: 0px;
	float:left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.travel-hotspot-box {
	border: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	width: 500px;
}

.travel-hotspot-s-box {
	border: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	width: 450px;
	text-align: center;
}

table#table-01 {
    width: 540px;
    border: 1px #666 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
    border: #666 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table#table-01 td {
    padding: 5px;
    border: 1px #666 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
    white-space: nowrap;
}

table#table-02 {
    width: 540px;
    border: 1px #666 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-02 th {
	padding: 5px;
	border: #666 solid;
	border-width: 0 0 1px 1px;
	background: #F5F5F5;
	font-weight: bold;
	line-height: 120%;
	text-align: left;
}
table#table-02 td {
    padding: 5px;
    border: 1px #666 solid;
    border-width: 0 0 1px 1px;
}

table#issue {
	width: 540px;
	border: 1px #666 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
	padding: 3px;
}

table#table-school-outline {
	width: 340px;
	border-collapse: collapse;
	border-spacing: ;
	font-size: 12px;
	line-height: 1.5em;
}

table#table-school-outline td{
	padding: 3px;
}

tr.backcolor td {
	background-color: #EFEFEF;
}

table#table-school {
	width: 540px;
	border-collapse: collapse;
	border-spacing: ;
}

table#table-school th {
	border: #03F solid;
	border-width: 0 0 1px 0px;
	font-weight: normal;
	line-height: 100%;
	text-align: left;
	white-space: nowrap;
	font-size: 12px;
	background-color: #EBEBEB;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	width: 120px;
}
table#table-school td {
	border: 1px #03F solid;
	border-width: 0 0 1px 1px;
	text-align: left;
	white-space: nowrap;
	font-size: 12px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}

table#table-school2 {
	width: 540px;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 10px;
}

table#table-school2 th {
	font-weight: normal;
	line-height: 100%;
	text-align: center;
	white-space: nowrap;
	font-size: 12px;
	background-color: #EBEBEB;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #03F;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #03F;
}
table#table-school2 td {
	line-height: 110%;
	text-align: left;
	white-space: nowrap;
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #03F;
	border-right-color: #03F;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.spod-left {
	margin: 0px;
	width: 540px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #00F;
}

table#table-school3 {
	width: 536px;
	border-collapse: collapse;
	border-spacing: ;
	margin-top: 15px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #03F;
	border-left-color: #03F;
}

table#table-school3 td {
	text-align: center;
	white-space: nowrap;
	font-size: 12px;
	width: 176px;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #03F;
	border-right-color: #03F;
	border-bottom-color: #03F;
	border-left-color: #03F;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: top;
}

table#table-school3 td img {
	padding: 0px;
	width: 170px;
	margin: 0px;
	height: 128px;
}

.school-voice {
	padding: 0px;
	width: 540px;
	border: 1px solid #03F;
	background-image: url(../_image/school-back-img.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.school-voice:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.school-voice { display: inline-block; }

/* Hides from IE-mac \*/
* html .school-voice { height: 1%; }
.school-voice {display: block; }
/* End hide from IE-mac */

.school-voice-title {
	color: #FFF;
	font-size: 12px;
	padding: 3px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	background-image: url(../_image/frends-party-title-img.jpg);
	background-repeat: repeat-x;
	text-align: center;
}

.school-voice-r {
	margin: 0px;
	float: right;
	width: 270px;
	text-align: left;
}

.school-voice-l {
	padding: 0px;
	margin: 0px;
	float: right;
	width: 270px;
	text-align: left;
}

.school-info {
	padding: 0px;
	width: 540px;
	border: 1px solid #666;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-color: #FDFEE7;
}

.school-info p {
	margin: 5px;
}

.school-photo-box {
	padding: 0px;
	width: 540px;

	margin-right: auto;
	margin-left: auto;
}

.school-photo-box img {
	padding: 0px;
	width: 180px;
	margin: 0px;
	height: 135px;
}

table#table-living {
	width: 530px;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 10px;
	margin-left: 2px;
}

table#table-living td {
	padding: 3px;
	white-space: normal;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}

table#table-living a:link {
	color: #03F;
	font-size: 12px;
}

table#table-living a:visited {
	color: #03F;
	font-size: 12px;
}

table#table-living a:hover {
	color: #ffcc00;
	text-decoration: none;
	font-size: 12px;
}

table#table-living a:active {
	color: #ffcc00;
	text-decoration: none;
	font-size: 12px;
}

.premium-intro-formbox {
	padding: 3px;
	width: 560px;
	border: 1px solid #666;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.box-black {
	padding: 3px;
	width: 536px;
	border: 1px solid #666;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.box-issue {
	width: 536px;
	border: 1px solid #666;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
}

.box-issue p {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}

.box-issue img {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 0px;
}

.box-red {
	padding: 3px;
	width: 536px;
	border: 1px solid #F30;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.party-news-box-red {
	padding: 3px;
	width: 536px;
	border: 1px solid #F30;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.party-news-box-red p {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 12px;
	line-height: 1.5em;
	padding: 3px;
	text-align: left;
}

.party-news-box-green {
	padding: 3px;
	width: 536px;
	border: 1px solid #090;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.party-news-box-green p {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 12px;
	line-height: 1.5em;
	padding: 3px;
	text-align: left;
}

.box-green {
	padding: 3px;
	width: 536px;
	border: 1px solid #096;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.box-green2 {
	padding: 3px;
	width: 536px;
	border: 1px solid #096;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

.box-space {
	width: 540px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

.spod-smalltext {
	font-size: 12px;
	line-height: 1.5em;
	margin-top: 5px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
}

a.small-link:link {
	color: #03F;
	font-size: 12px;
}

a.small-link:visited {
	color: #03F;
	font-size: 12px;
}

a.small-link:hover {
	color: #ffcc00;
	text-decoration: none;
	font-size: 12px;
}

a.small-link:active {
	color: #ffcc00;
	text-decoration: none;
	font-size: 12px;
}

a.big-title:link {
	color: #03F;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
}

a.big-title:visited {
	color: #03F;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
}

a.big-title:hover {
	color: #ffcc00;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
}

a.big-title:active {
	color: #ffcc00;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
}

.partyphoto-box {
	padding: 10px;
	height: 300px;
	width: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	border: 1px solid #333;
}

.spod-q {
	font-weight: bold;
	color: #009;
}

.spod-a {
	font-weight: bold;
	color: #F60;
}

.lesson-img {
	border: 2px solid #03F;
}

.small-box {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 0px;
	text-align: center;
}

.all-box {
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 0px;
	text-align: center;
}

.digital-box {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

.digital-box-price {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	padding: 3px;
	border: 1px solid #666;
}

.member-digital-info {
	width: 735px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #F30;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}

.member-digital-price {
	text-decoration: line-through;
}

.ecard-box-title {
	color: #FFF;
	font-size: 12px;
	padding: 3px;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	font-weight: bold;
	background-color: #006;
	width: 534px;
}

.table-center {
	text-align: center;
}

.art-profile {
	width: 539px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 15px;
	border: 1px solid #F90;
}

.art-profile p {
	font-size: 12px;
	line-height: 1.5em;
	margin-top: 5px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
}

table#table-room {
	width: 540px;
	border-collapse: collapse;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #03F;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #03F;
	border-left-color: #03F;
}

table#table-room th {
	font-weight: normal;
	line-height: 100%;
	text-align: left;
	white-space: nowrap;
	font-size: 12px;
	background-color: #EBEBEB;
	width: 122px;
	padding: 5px;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #03F;
	border-right-color: #03F;
	border-bottom-color: #03F;
	border-left-color: #03F;
}
table#table-room td {
	text-align: left;
	white-space: nowrap;
	font-size: 12px;
	padding: 5px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #03F;
	border-right-color: #03F;
	border-bottom-color: #03F;
	border-left-color: #03F;
}

table#table-room2 {
	width: 540px;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #03F;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #03F;
	border-left-color: #03F;
}

table#table-room2 th {
	font-weight: normal;
	line-height: 100%;
	white-space: nowrap;
	font-size: 12px;
	background-color: #EBEBEB;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #03F;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #03F;
	padding: 5px;
	width: 121px;
}
table#table-room2 td {
	line-height: 110%;
	text-align: center;
	font-size: 12px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-bottom-color: #03F;
	border-right-color: #03F;
	padding: 5px;
	width: 121px;
}

table#table-room3 {
	width: 540px;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #03F;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #03F;
	border-left-color: #03F;
}

table#table-room3 th {
	font-weight: normal;
	line-height: 100%;
	white-space: nowrap;
	font-size: 12px;
	background-color: #EBEBEB;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #03F;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #03F;
	padding: 5px;
	text-align: left;
}
table#table-room3 td {
	line-height: 110%;
	white-space: nowrap;
	font-size: 12px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-bottom-color: #03F;
	border-right-color: #03F;
	padding: 5px;
}

.room-text-box {
	width: 538px;
	margin-top: 10px;
	margin-bottom: 15px;
	border: 1px solid #03F;
}

.room-text-box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.room-text-box { display: inline-block; }

/* Hides from IE-mac \*/
* html .room-text-box { height: 1%; }
.room-text-box {display: block; }
/* End hide from IE-mac */

.room-text-box p {
	padding: 5px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 12px;
	line-height: 1.25em;
}

.room-text-box-title {
	font-size: 12px;
	padding: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #EBEBEB;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #03F;
}

.room-photo-box {
	width: 538px;
	border: 1px solid #03F;
	margin-top: 10px;
	margin-bottom: 10px;
}

.room-photo-box img {
	margin-top: 3px;
	margin-right: 2px;
	margin-bottom: 3px;
	margin-left: 2px;	
}

.room-info {
	padding: 5px;
	width: 528px;
	border: 1px solid #666;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-color: #FDFEE7;
}

.room-listbox {
	width: 538px;
	border: 1px solid #666;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding: 0px;

}

.room-listbox-no {
	font-size: 12px;
	background-color: #EBEBEB;
	margin: 0px;
	height: 25px;
	width: 534px;
	padding-top: 3px;
	padding-left: 3px;
	font-weight: bold;
	color: #666;
}

.room-listbox-location {
	background-color: #E1FFE1;
	width: 532px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 3px;
}

.room-listbox-location p {
	font-size: 12px;
	line-height: 1.5em;
	margin: 0px;
}

table#room-listbox {
	width: 530px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-left-color: #CCC;
}

table#room-listbox th {
	font-size: 12px;
	padding: 0px;
	background: #F5F5F5;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
}
table#room-listbox td {
	font-size: 12px;
	padding: 2px;
	text-align: center;
	line-height: 1.5em;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
}

.room-form-box {
	width: 950px;
	border: 1px solid #666;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}

.room-form-box-inner {
	width: 700px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 125px;
}

.room-form-title {
	color: #FFF;
	font-size: 12px;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	font-weight: bold;
	background-color: #666;
	width: 700px;
}

.room-form-title p {
	margin: 5px;
}

table#form-room {
	width: 700px;
	border-collapse: collapse;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-left-color: #666;
}

table#form-room th {
	font-weight: normal;
	line-height: 100%;
	text-align: left;
	white-space: nowrap;
	font-size: 12px;
	background-color: #EBEBEB;
	width: 150px;
	padding: 10px;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}
table#form-room td {
	text-align: left;
	white-space: nowrap;
	font-size: 12px;
	padding: 10px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}

.room-button {
	padding: 5px;
	width: 530px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	background-color: #FFC;
	text-align: center;
}

table#table-toproom {
	width: 540px;
	border-collapse: collapse;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 1px solid #999;
}

table#table-toproom td {
	text-align: center;
	white-space: nowrap;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
table#table-toproom2 {
	width: 540px;
	border-collapse: collapse;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}

table#table-toproom2 td {
	text-align: center;
	white-space: nowrap;
	font-size: 14px;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	background-color: #EEEEEE;
}

ul.page{
	width: 500px;
	margin-top: 10px;
	padding-left: 0px;
}

ul.page li{
	list-style: none;
	float: left;
	margin-right: 10px;
}

#menu-jp {
	margin: 0;
	padding: 0;
	width: 531px; /* 必ずwidthの設定をしてください */
}

#menu-jp li {
	font-size: 14px;
	margin: 5px;
	padding: 0;
	float: left;
	width: 165px; /* ボタンの幅 */
	line-height: 1;
	list-style-type: none;
}

#menu-jp:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#menu-jp { display: inline-block; }

/* Hides from IE-mac \*/
* html #menu { height: 1%; }
#menu {display: block; }
/* End hide from IE-mac */

#menu-en {
	margin: 0;
	padding: 0;
	width: 531px; /* 必ずwidthの設定をしてください */
}

#menu-en li {
	font-size: 14px;
	margin: 5px;
	padding: 0;
	float: left;
	width: 250px; /* ボタンの幅 */
	line-height: 1;
	list-style-type: none;
}

#menu-en:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#menu-en { display: inline-block; }

/* Hides from IE-mac \*/
* html #menu-en { height: 1%; }
#menu-en {display: block; }
/* End hide from IE-mac */


/*　メインコンテンツ左部分
---------------------------------------------*/

.main-navi {
	float: left;
	width: 172px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
}

.spod-red {
	color: #F30;
}

.spod-green {
	color: #096;
}

.spod-white {
	color: #FFF;
}

.navi-line {
	background-image: url(../_image/contents-navi-line.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 156px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.category-menu {
	width: 170px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 45px;
	margin-bottom: 15px;
	background-color: #FFF;
}

.category-menu ul {

	width:169px;
	padding:0px;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #03F;
	border-right-color: #03F;
}

.category-menu li{
	list-style:none;
	width:149px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-style: solid;
	border-color: #03F;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.hiratai-menu {
	width: 172px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFF;
}

.hiratai-menu-title {
	width: 166px;
	margin: 0px;
	background-color: #03F;
	padding: 3px;
	color: #FFF;
}

.hiratai-menu ul {
    width:172px;
    margin:0px;
    padding:0px;
}

.hiratai-menu li{
	list-style:none;
	width:156px;
	border: 3px double #03F;
	padding: 5px;
	margin-bottom: 3px;
}

.hiratai-menu a {
	text-decoration:underline;
	color:#03F;
}

.hiratai-menu a:hover{
	text-decoration:underline;
	color:#F30;
}

.hiratai-menu2 {
	width: 172px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 45px;
	margin-bottom: 0px;
	background-color: #FFF;
}

.hiratai-menu2 ul {
    width:172px;
    margin:0px;
    padding:0px;
}

.hiratai-menu2 li{
	list-style:none;
	width:156px;
	border: 3px double #03F;
	padding: 5px;
	margin-bottom: 3px;
}

.hiratai-menu2 a {
	text-decoration:underline;
	color:#03F;
}

.hiratai-menu2 a:hover{
	text-decoration:underline;
	color:#F30;
}

.member-menu {
	width: 170px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFF;
}

.member-menu-title {
	width: 164px;
	margin: 0px;
	background-color: #FC0;
	padding: 3px;
	color: #333;
	font-weight: bold;
	text-align: center;
}

.member-menu ul {
    width:170px;
    margin:0px;
    padding:0px;
}

.member-menu li{
	list-style:none;
	width:154px;
	border: 3px solid #FC0;
	padding: 5px;
	margin-bottom: 3px;
}

.member-menu a {
	text-decoration:underline;
	color:#666;
}

.member-menu a:hover{
	text-decoration:underline;
	color:#F30;
}

.member-menu2 {
	width: 170px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 45px;
	margin-bottom: 0px;
	background-color: #FFF;
}

.member-menu2 ul {
    width:170px;
    margin:0px;
    padding:0px;
}

.member-menu2 li{
	list-style:none;
	width:154px;
	border: 3px solid #FC0;
	padding: 5px;
	margin-bottom: 3px;
}

.member-menu2 a {
	text-decoration:underline;
	color:#666;
}

.member-menu2 a:hover{
	text-decoration:underline;
	color:#F30;
}

.baner-contents {
	width: 170px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: center;
}

.baner-contents2 {
	width: 170px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 45px;
	margin-bottom: 5px;
	text-align: center;
}

.friends-contents {
	width: 162px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 0px;
	border: 1px solid #666;
	background-color: #FFF;
	text-align: center;
	padding: 3px;
}

.baner-img {
	margin-bottom: 5px;
}

.school-img {
	margin-top: 3px;
	margin-bottom: 3px;
}

.blog-comments {
	width: 540px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 3px;
}

/*　サイド部分
---------------------------------------------*/

.side {
	float: right;
	width: 200px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.side-contents-main {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	border: 1px solid #999;
	background-color: #FFF;
}

.side-contents-main ul {

	width:190px;
	padding:0px;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.side-contents-main li {
	width:185px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 3px;
	padding-left: 1px;
	font-size: 12px;
	font-weight: bold;
	list-style-image: none;
	list-style-type: none;
	margin-left: 0px;
}

.side-contents-main a {
	text-decoration:underline;
	color:#666;
}

.side-contents-main a:hover{
	text-decoration:underline;
	color:#F30;
}

.side-contents-main-title {
	color: #333;
	font-size: 13px;
	padding: 3px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	background-image: url(../_image/side-title-img.jpg);
	background-repeat: no-repeat;
}

.side-contents {
	width: 198px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	border: 1px solid #999;
	background-color: #FFF;
}

.side-contents ul {
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	width: 198px;
}

.side-contents li {
	width: 185px;
	list-style-type: disc;
	margin: 0px;
	padding: 0px;
	line-height: 1.3em;
}

.side-contents a {
	text-decoration:underline;
	color:#666;
}

.side-contents a:hover{
	text-decoration:underline;
	color:#F30;
}

.side-contents-title {
	color: #333;
	font-size: 12px;
	padding: 3px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	background-image: url(../_image/side-title-img.jpg);
	background-repeat: no-repeat;
}

.side-contents-text {
	font-size: 12px;
	padding: 3px;
	margin: 0px;
	text-align: left;
}

.side-line {
	background-image: url(../_image/side-line.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 190px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.side-baner-img {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.party-friends {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	border: 1px solid #999;
	text-align: center;
	background-color: #FFF;
}

.party-friends a {
	text-decoration:underline;
	color:#666;
}

.party-friends a:hover{
	text-decoration:underline;
	color:#F30;
}

.party-friends-title {
	color: #333;
	font-size: 12px;
	padding: 2px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	background-image: url(../_image/side-title-img.jpg);
	background-repeat: no-repeat;
}

.party-friends-text {
	font-size: 12px;
	padding: 3px;
	margin: 0px;
	text-align: left;
	line-height: 1.3em;
}

.google-box {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
}
/*　フッター部分
---------------------------------------------*/

.footer-googlrbox {
	clear: both;
	width: 950px;
	border-top: solid 1px #333333;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-color: #FFF;
}

.page-toplink {
	clear: both;
	width: 950px;
	padding: 0px;
	border-top: solid 1px #333333;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.midle-text {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5em;
}


.page-toplink-text {
	padding: 5px;
	text-align: right;
	margin: 0px;
}

.footer {
	background-color: #03F;
	clear: both;
	width: 950px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.footer-text {
	color: #ffffff;
	font-size: 12px;
	padding: 5px;
	margin: 0px;
	text-align: left;
}

a.footer-link:link {
	color: #ffffff;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 5px;
}

a.footer-link:visited {
	color: #ffffff;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 5px;
}

a.footer-link:hover {
	color: #ffcc00;
	text-decoration: none;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 5px;
}

a.footer-link:active {
	color: #ffcc00;
	text-decoration: none;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 5px;
}

/*　JACS
---------------------------------------------*/
h4 {
	font-size: 14px;
	font-weight: bold;
	color: #666;
	background-image: url(../jacs/jp/_image/h3-backimage.jpg);
	height: 30px;
	width: 540px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-left: 3px;
	background-repeat: no-repeat;
	margin-bottom: 0px;
}

