@charset "UTF-8";
/* CSS Document */


body {
	background-repeat: repeat;
	margin: 0 auto;
	margin-bottom: 20px;
	margin-top: 20px;
	background-attachment: fixed;
	background-position: center bottom;
	background-image: url(../images_yokoku/background.jpg);
}
	
	
.wrapper {
	background-repeat: repeat;
	width: 820px;
	margin: 0 auto;
	padding-left: 40px;
	padding-right: 40px;
	background-repeat: repeat-y;
	margin: 0 auto;
	background-image: url(../images/common_img/body_main900_main.png);
}

.top_bar {
	margin: 0 auto;
	margin-bottom: 20px;
}

.bg_top {
	width: 900px;
}

.bg_bottom {
	width: 900px;
}

.line {
	padding-top: 40px;
}


/* ------------------モデル写真------------------ */
.main_photo {
	width: 820px;
	height: 547px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.sub_photo {
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

.sub_photo_icon {
	width: 96px;
	height: 64px;
	margin: 0 auto;
	margin-right: 0px;
	margin-left: 6px;
	float: left;
}

.sub_photo_icon_s {
	width: 48px;
	height: 64px;
	margin: 0 auto;
	margin-right: 0px;
	margin-left: 6px;
	float: left;
}


/* ------------------商品キャプション（くびまき）------------------ */

.caption {
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;
	/* メインの文字要素 */
	font-size: 14px;
	color: #333;
	letter-spacing: 1px;
	line-height: 24px;
}


.material_cart {
	width: 300px;
	margin: 0 auto;
	float: left;
}

.caption_text {
	width: 359px;
	margin: 0 auto;
	float: left;
}

.caption_img {
	width: 161px;
	margin: 0;
	float: left;
}



/* ------------------商品キャプション（とめるショップ）------------------ */

.caption_text_tomeru {
	width: 500px;
	margin: 0 auto;
	float: left;
}

.material_cart_tomeru {
	width: 320px;
	margin: 0 auto;
	float: left;
}





/* ------------------目次------------------ */
.mokuji {
	margin-top: 0px;
	margin-bottom: 10px;
	
}


/* ------------------フッター------------------ */
.footer {
	margin: 0 auto;
	margin-top: 5px;
}

.makikata {
	width: 301px;
	margin: 0 auto;
	float: left;
}

.material {
	width: 292px;
	margin: 0 auto;
	float: left;
}

.info_02 {
	width: 227px;
	margin: 0 auto;
	float: left;
}



/* ------------------イレギュラー文字要素------------------ */
.small {
	margin: 0 auto;
	font-size: 12px;
	color: #666;
	line-height: 15px;
}





/* ------------------縦書き------------------ */




/* 縦書きレイアウト用スタイルシート tate-style.css   
    last updated : Jul 03 , 2011 tyz@freefielder.jp
    http://freefielder.jp 
*/

.tate-area{
	float:right;
	font-size:10pt;
	color: #1E2535;
	letter-spacing: 1px;
}

.tate-line{
	float:right;
	width:1.05em;
	line-height:1.05em;
	margin-right:0.4em;
	margin-left:0.4em;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic Pro W3' , 'ＭＳ ゴシック','MS Gothic' ,monospace;
	word-wrap:break-word;
	direction:ltr;
}
.tate-line font,strong,h1,h2,h3,h4,h5{
	line-height:1.05em;
}

.tate-line span.tate-kuto{
	display:block;
	width:0.4em;
	line-height:0.1em !Important;
	margin-bottom:0.9em;
	margin-left:0.6em !Important;
}
.tate-line span.tate-cho{
	display:block;
	-moz-transform:matrix(0, 1, 1, 0, 0, 0);
	-webkit-transform:matrix(0, 1, 1, 0, 0, 0);
	-o-transform:matrix(0, 1, 1, 0, 0, 0);
	transform:matrix(0, 1, 1, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1, mirror=1);
}
.tate-line span.tate-komoji{
	display:block;
	line-height:0.75em !Important;
	margin-bottom:0.3em;
	margin-left:0.11em !Important;
}
.tate-line span.tate-kakko{
	display:block;
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.tate-separator{
	clear:both;
	height:2em;
}

/* フォントサイズ変更時のフォント位置アジャスト用 */
.tate-line .font08{ font-size:8pt; }
.tate-line .font10{ font-size:10pt; }
.tate-line .font12{ font-size:12pt; }
.tate-line .font14{ font-size:14pt; }
.tate-line .font18{ font-size:18pt; }
.tate-line .font24{ font-size:24pt; }
.tate-line h1{ font-size:24pt; font-weight:bold; }
.tate-line h2{ font-size:18pt; font-weight:bold; }
.tate-line h3{ font-size:14pt; font-weight:bold; }
.tate-line h4{ font-size:12pt; font-weight:bold; }

.tate-line .font08 , .tate-line .font10 , .tate-line .font12 , .tate-line .font14 , .tate-line .font18 , .tate-line .font24 , .tate-line h1 , .tate-line h2 , .tate-line h3 , .tate-line h4 , .tate-line font  {
	display:block;
	position:relative;
	left:50%;
	width:1em;
	line-height:1.05em;
	margin-left:-0.5em;
} 



/* ------------------リンク------------------ */
a:link {
	color: #2BB26E;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #3366FF;
}
a:hover {
	text-decoration: none;
	color: #3366FF;
}
a:active {
	text-decoration: none;
}


.btn {
}


/* -----フロート解除----- */ 
.clear {
    clear:both;　/*floatの解除*/
}