@charset "Shift_JIS";

/****************** bace layaut ******************/


body {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #1FA7DF;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #383535;
}

/* 伸縮自在レイアウトに関するヒント
1. 伸縮自在レイアウトの全体的なサイズはユーザーの初期設定のフォントサイズに基づいて設定されるため、伸縮自在レイアウトの表示を予測することは困難です。伸縮自在レイアウトでは行の長さの割合が維持されるため、伸縮自在レイアウトは、適切に使用すれば、大きいフォントサイズを使用する必要がある場合に便利です。
2. このレイアウトの div のサイズは、body エレメントの 100% のフォントサイズに基づいて設定されます。body エレメントまたは #container の font-size: 80% を使用して全体のテキストサイズを小さくすると、レイアウト全体のサイズが比例して小さくなります。これを補正するには、必要に応じて、div の幅を大きくしてください。
3. デザイン全体ではなく div ごとにフォントサイズが変更される場合は (#sidebar1 のフォントサイズは 70% に設定され、#mainContent のフォントサイズは 85% に設定される場合)、これにより、それぞれの div の全体のサイズが比例して変更されます。必要に応じて、最終的なフォントサイズに基づいて調整してください。
*/
.oneColElsCtrHdr #containback {
	width: 850px;  /* テキストがブラウザの初期設定のフォントサイズのままである場合は、この幅により、800px のブラウザウィンドウに収まるコンテナが設定されます */
	background: #FFFFFF url(../img/bace/bace_img.gif);
	margin: 0 auto;
	text-align: left;
	padding: 0px;
}

.oneColElsCtrHdr #container {
	width: 750px;  /* テキストがブラウザの初期設定のフォントサイズのままである場合は、この幅により、800px のブラウザウィンドウに収まるコンテナが設定されます */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	padding: 0px;
}


/******************** .oneColElsCtrHdr #header *********************/


.oneColElsCtrHdr #header {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/product/nook_mainphoto.jpg);
	width: 750px;
	height: 400px;
	background-repeat: repeat;
}

.oneColElsCtrHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0 0px; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
.oneColElsCtrHdr #mainContent {
	padding: 0 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
	margin: 0px;
}




/******************** #containtback #containter #head .text01 *********************/
.oneColElsCtrHdr #header .text01 {
	width:368px;
	height:154px;
	font-size:14px;
	color:#1FA7DF;
	background-image:url(../img/product/logo_main.gif);
	background-repeat:no-repeat;
	text-indent: -9000px;
	left:124px;
	top:16px;
	/*?*/
	overflow: hidden;
	margin-top: 0px;
	pmargin-bottom: 60px;
	margin-left: 20px;
}

.oneColElsCtrHdr #header .text02 {
	width:284px;
	height:95px;
	font-size:14px;
	color:#1FA7DF;
	background-image:url(../img/product/lainup2.gif);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent: -9000px;
	left:625px;
	top:309px;
	/*?*/
	overflow: hidden;/**/
	margin-left: 450px;
	margin-top: 100px;
	margin-bottom: 0px;
}


/******************** #mainContent *********************/
#mainContent ul {
	overflow: hidden;
}

#mainContent ul li {
	display: inline;
	margin-left: -1px;
	padding: 0 7px 0 10px;
	list-style-type: none;
	zoom: 1;
}

#mainContent ul li a {
}
#mainContent ul li a:link {
	color:#663300;
}
#mainContent ul li a:visited {
	color:#333333;
}
#mainContent ul li a:hover {
	color:#666666;
	position: relative;
	left: 1px;
	top: 1px;
}


#mainContent h3 {
	padding-top: 50px;
	margin-left: 7px;
	color: #27A7DF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #27A7DF;
}

#mainContent .lead_c {
	color: #32CFE0;
}


#mainContent p {
	line-height: 2em;
	font-size: 95%;
}

#mainContent .img7 {
	margin: 7px;
}


#mainContent .align_right {
	font-size: 90%;
}


/******************** #mainContent #gallery *********************/

#mainContent #gallery {
	text-align: center;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
}


/******************** #mainContent .cart *********************/

#mainContent .cart {
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#mainContent .cart tr {
	font-size: 90%;
	text-align: center;
}


/************ #mainContent #tokuho styles **************/

#mainContent #tokuho {
	margin: 0px;
	padding: 0px;
}

#mainContent #tokuho #tokutei-hou {
	text-align: left;
	margin-top: 7px;
	float: right;
	width: 580px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	display: block;
	font-size: 90%;
	line-height: 1.8em;
}

#mainContent #tokuho #tokutei-hou .toku-blok {
	width: 580px;
	float: right;
	margin: 0px;
	padding: 0px;
	display: block;
}

#mainContent #tokuho #tokutei-hou .toku-blok .toku-right {
	margin: 3px;
	padding: 5px;
	float: right;
	width: 350px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

#mainContent #tokuho #tokutei-hou .toku-blok .toku-left {
	margin: 3px 10px 3px 3px;
	padding: 5px;
	width: 180px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	display: inline-block;
}


#mainContent #tokuho #tokutei-hou .tenten {
	margin-right: 7px;
}


#mainContent #tokuho #tokutei-hou td {
	text-align: left;
}




#mainContent #aria-hai {
	text-align: left;
	margin-top: 7px;
}


#mainContent .phon_namber {
	font-family: Helvetica, sans-serif;
	font-size: 18px;
	color: #FF0000;
}













/******************** .oneColElsCtrHdr #footer *********************/

.oneColElsCtrHdr #footer {
	padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	clear: both;
	font-size: 10px;
	color: #FFFFFF;
	background-image: url(../img/top/under.jpg);
	width: 750px;
	height: 60px;
	background-repeat: no-repeat;
	text-align: center;
	padding: 15px 0px 0px;
}

.oneColElsCtrHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	color: #FFF;
}

.oneColElsCtrHdr #footer a {color: #FFFFFF;text-decoration: none}
.oneColElsCtrHdr #footer a:link {color: #FFFFFF;text-decoration: none}
.oneColElsCtrHdr #footer a:visited {color: #FFFFFF;text-decoration: none}
.oneColElsCtrHdr #footer a:hover {color: #FFFFCC;text-decoration: underline}


/******************** #mainContent #privacyaria *********************/

#mainContent #privacyaria {
	margin: 0px;
	padding: 0px;
}

#mainContent #privacyaria h4 {
	color: #27A7DF;
}

#mainContent #privacyaria p {
	font-size: 90%;
	line-height: 1.6em;
}

#mainContent #privacyaria ol {
	font-size: 90%;
	line-height: 1.6em;
}