/*==============目次==============
　最終更新日：2009/2/6
　1.メニュー（インラインフレーム）　
　2.パンくず
　3.レイアウト（960px）
　4.レイアウト（760px）
　5.コンテンツ
　6.フッター
　7.各要素のリセット
　8.旧レイアウト
================================*/

/*===============================
■1.メニュー（インラインフレーム）
================================*/

#contents_side {
	width: 200px;
	padding: 0;
	margin: 0;
	float:left;
	}

/* フレームの高さ */
.flame {
	overflow: hidden;
	overflow-y: hidden;
	overflow-x: hidden;
	width: 200px;
	height:1300px;
	margin: 0;
	padding: 0;
	border: none;
}


/*===============================
■2.パンくず
================================*/
A.LinkPan:link {
color: #000000; text-decoration: none;
}
A.LinkPan:visited {
text-decoration: none; color: #333333;
}
A.LinkPan:active {
text-decoration: underline; color: #3662AB;
}
A.LinkPan:hover {
text-decoration: underline; color: #298AB8;
}
/* パンくず外枠 */
.Pan {
	font-size: 13px;
	background: url(../img/pan_bg.gif) repeat-x ;
	margin: 0px;
	padding: 8px 0px 5px 20px;
	float: left;
	text-align:left;
	height: 30px;
	width: 940px;
	letter-spacing: 0px;
}
/* パンくず */
.Pan2 {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	float: left;
	width: 755px;
}
/* メルマガ登録 */
.mail {
	font-size: 13px;
	margin: 0px;
	text-align:right;
	padding: 0px 20px 0px 0px;
	float: right;
	width: 120px;
}


/*===============================
■3.レイアウト（960px）
================================*/

/* 外枠 960px*/
#container {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.960 {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
/* ヘッダー（イエマガロゴ） */
#header {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: center;
}
/* コンテンツ外枠 */
#wrapper960 {
	width: 960px;
	padding: 0;
	margin: 0;
	text-align: left;
}

/* メインコンテンツ */
#contents_main {
	width: 760px;
	padding: 0;
	margin: 0;
	text-align:left;
	float:right;
}
/* メインコンテンツ_中枠 */
#contents_mainWaku {
	width: 700px;
	padding: 0;
	margin: 5px 30px;
}
/* 更新日時 */
.date960 {
	width:880px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
}


/*===============================
■4.レイアウト（760px）
================================*/
/* 外枠 */
#wrapper {
	width:760px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
.760 {
	width:760px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
/* 右コンテンツ枠検索 */
.search_Right {
	text-align: center;
	clear:both;
}
/* ページへの感想アンケート */
.cform {
	margin-top: 20px;
}
TEXTAREA.cform_com { 
width: 400px;
height: 70px; 
}

/*===============================
■5.コンテンツ
================================*/
/* 回り込み解除 */
.both {
	clear:both;
}
/* 左右余白25px */
.mainSpace25 {
margin-left: 25px; margin-right: 25px;
}
/* 左右余白40px */
DIV.mainSpace40 {
margin-left: 40px; margin-right: 40px;
}
/* 左右余白45px */
DIV.mainSpace45 {
margin-left: 45px; margin-right: 45px;
}
/* 見出し */
H1.MidashiI {
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: center;
}
H1.Midashi0 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	text-align: center;
}
H2.MidashiI {
	margin-top: 3px;
	margin-bottom: 10px;
}
H3.MidashiI {
	margin-top: 0px;
	margin-bottom: 10px;
}
H4.Midashi {
	font-size: 90%;
	margin-bottom: 5px;
}
/* リンク */
A:link {
	color: #3662AB;
	text-decoration: none;
}
A:active {
	color: #3662AB;
	text-decoration: none;
}
A:visited {
	color: #298AB8;
	text-decoration: none;
}
A:hover {
	text-decoration: none;
	color: #7D6660;
}
/* 文字サイズ */
.LText {
	font-size: 100%;
	line-height: 140%;
}
.MText {
	font-size: 85%;
	line-height: 140%;
}
.MSText {
	font-size: 80%;
	line-height: 135%;
}
.SText {
	font-size: 75%;
	line-height: 140%;
}
.XSText {
	font-size: 65%;
	line-height: 120%;
}
.searchText {
	font-size: 80%;
	line-height: 120%;
}
/* 画像右寄せ */
.img_right {
	float: right;
	margin-left: 10px;
}
/* 画像左寄せ */
.img_left {
	float: left;
	margin-right: 10px;
}
/* 背景色 白*/
.ColorBackW {
background-color: #FFFFFF;
}
/* フォーム・テーブル枠用（グレー） */
.ColorBackForm {
background-color: #AAAAAA;
}
/* 中央寄せ*/
#center {
 text-align:center;
 }

/* フォーム項目 */
.ColorRed {
color: #FF0000;
}
.reg_txt { 
width: 300px;
}
.reg_mail { 
width: 250px;
}
.reg_tel { 
width: 150px;
}
.reg_zip { 
width: 80px;
}
.reg_age { 
width: 40px;
}
TEXTAREA.reg_com { 
width: 280px;
height: 100px; 
}
TEXTAREA.reg_com2 { 
width: 300px;
height: 150px; 
}
TEXTAREA.reg_com3 { 
width: 400px;
height: 60px; 
}
TEXTAREA.reg_com4 { 
width: 500px;
height: 50px; 
}

/* フォーム枠用（グレー） */
.ColorBackForm {
background-color: #AAAAAA;
}
/* フォーム項目（お父さんのナイショ話） */
.CBPapaForm {
background-color: #F1EBDC;
color: #666666;
}

/* くちこみ */
.subttl {
	font-weight: bold;
	color: #886F44;
	font-size: 120%;
	line-height: 140%;
	background-color: #FFFFFF;
}
.name {
	font-size: 80%;
	color: #8A6B31;
}
.s_com_kuchi {
	font-size: 85%;
	line-height: 130%;
	color: #666666;
	background-color: #F9F6Ed;
	padding: 8px;
	width: 300px;
	float: right;
	margin-top: 5px;
	margin-right: 3px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#s_com_kuchi {
	font-size: 85%;
	line-height: 130%;
	color: #666666;
	background-color: #F9F6Ed;
	padding: 8px;
	width: 300px;
	float: right;
	margin-top: 5px;
	margin-right: 3px;
	margin-bottom: 15px;
	margin-left: 0px;
}

/* アンケート用コメント */
.s_com {
	font-size: 75%;
	color: #666666;
	margin: 5px 0 10px 0px;
}

/*===============================
■6.フッター
================================*/
A.LinkFoot:link {
	text-decoration: none;
	color: #000000;
}
A.LinkFoot:active {
	text-decoration: none;
	color: #3662AB
}
A.LinkFoot:visited {
	text-decoration: none;
	color: #000000
}
A.LinkFoot:hover {
	text-decoration: none;
	color: #298AB8
}
.FootNavi_s1 {
	font-size: 75%;
	line-height: 120%;
}
.FootNavi_s2 {
	font-size: 75%;
	line-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

/*===============================
■7.各要素のリセット
================================*/
BODY {
	FONT-SIZE: 100%;
	background-color: #ffffff;
	color:#333333;
	margin: 0px;
	padding: 0px;
	text-align:center;
}
INPUT {
	FONT-SIZE: 100%
}
SELECT {
	FONT-SIZE: 100%
}
TEXTAREA {
	FONT-SIZE: 100%
}
FORM {
	FONT-SIZE: 100%
}
IMG {
	border-width:0px;
}
p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}


/*===============================
■8.旧レイアウト
================================*/
/* レイアウト（2カラム） */
#column_2 {
	text-align:left;
	float: left;
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-image: url(../../img/m_back_main01.gif);
	background-position: 0px 0px;
}
#main550 {
	width:550px;
	float:left;
	clear: both;
}
#main550_bottom {
	width: 550px;
	height: 75px;
	background-image: url(/img/m_back_bt01.gif);
	float: left;
}
#sidebar550 {
	width:195px;
	float:right;
	text-align:center;
}
#sidebar550_bottom {
	width:195px;
	float:right;
}
/* 1カラム用背景画像 */
#SP_search {
	height: 40px;
	width: 200px;
	float: right;
	margin-top: 10px;
	margin-right:2px;
}
#SP_header {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 0px;
	text-align: center;
}
/* メルマガ */
.760_right {
	width:760px;
	clear: both;

/* ページ下の別ページへの関連リンク */
}#under_navi {
	margin: 0px;
	width: 85%;
	border: 1px outset #990;
	text-align: left;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 25px;
	clear: none;
	float: none;
}
.list {
	font-size: 15px;
	line-height: normal;
	text-align: left;
	letter-spacing: 0.1em;
	margin-top: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #7D6660;
	text-decoration: none;
}
#navi {
	text-align: center;
}