@charset "UTF-8";

/* 
common.css
Version : 1.0
*/


/*
--------------------------------------------------
MEMO
--------------------------------------------------

***** Font Size *****

09px = 70%
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
36px = 273.5%
--------------------------------------------------

*/


/* import
================================================== */
@import "init.css";



/* body / #wrapper1+2 / #container
================================================== */
body {
	background: #F24F50 url(../img/bg.gif); 
	padding: 0;
	margin: 0;
	color: #2D1914;
	min-height: 100%;
	min-width: 980px;
	}

#wrapper1  { min-height: 100%; background: url(../img/bg_header.gif) top center no-repeat; }
#wrapper2  { min-height: 100%; background: url(../img/bg01.gif) top center no-repeat; }



/* anchor
================================================== */
a,
a:visited { color:#09D; text-decoration: none; }
a:hover   { color:#333; text-decoration: underline; }
a:active  { color:#333; text-decoration: underline; }
a.hoverfilter:hover img { opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; -moz-opacity:0.7; }



/* header
================================================== */
header { position: relative; height: 445px; width: 960px; margin:0 auto; }
header #likeTweet   { position: absolute; right: -15px; top:7px; }
header .fb-like { margin: 0 10px 0 0; }
header .twitter-share-button { position: relative; top:3px;}
header #btnForStore { position: relative; top:-80px; left:10px; }



/* 00 (common)
================================================== */
.sectionInner { width: 960px; margin: 0 auto; }
.info1    { width:335px; }
.shoei    { float:left;  width: 132px; }
.setsumei { float:right; width: 180px; line-height: 165%; position: relative; top:-2px; }
.setsumei img { vertical-align: bottom; }
.btnOtameshi { margin: 6px 0 0; }
.btnAmazon   { margin: 3px 0 0; }
.info2    { text-align: center; line-height: 160%; }


/* 01 #ietate
================================================== */
#ietate { height:445px; }
#ietate article { margin: 0 0 0 188px; width: 335px; }
#ietate h2 { text-align: center; }
#ietate h1 { text-align: center; margin: 7px 0 0; }
#ietate .info1 { margin: 35px 0 0; }
#ietate .info2 { margin: 33px 0 0; }


/* 02 #dojo
================================================== */
#dojo { height:450px; background: url(../img/bg02.gif) no-repeat center top; }
#dojo article { margin: 0 0 0 460px; width: 335px; }
#dojo h2 { text-align: center; padding: 7px 0 0; }
#dojo h1 { text-align: center; margin: 8px 0 0; }
#dojo .info1 { margin: 35px 0 0; }
#dojo .info2 { margin: 33px 0 0; }


/* 03 #nicoyo
================================================== */
#nicoyo { height:450px; background: url(../img/bg03.gif) no-repeat center top; }
#nicoyo article { margin: 0 0 0 180px; width: 335px; }
#nicoyo h2 { text-align: center; padding: 7px 0 0; }
#nicoyo h1 { text-align: center; margin: 17px 0 0; }
#nicoyo .info1 { margin: 53px 0 0; }
#nicoyo .info2 { margin: 40px 0 0; }


/* 04 #otoman
================================================== */
#otoman { height:530px; background: url(../img/bg04.gif) no-repeat center top; }
#otoman article { margin: 0 0 0 460px; width: 335px; }
#otoman h2 { text-align: center; padding: 7px 0 0; }
#otoman h1 { text-align: center; margin: 10px 0 0; }
#otoman .info1 { margin: 37px 0 0; }
#otoman .info2 { margin: 30px 0 0; }


/* 05 #pop
================================================== */
#pop { width: 960px; margin: 0 auto; background: #FFE33F url(../img/forstore_head.gif) no-repeat top center; }
#pop h1      { padding: 30px 0 0; }
#popArticles { width: 880px; margin: 0 auto; padding: 28px 0 20px; }
#pop article { width: 420px; }
#pop article#pop1 { float: left; }
#pop article#pop2 { float: right; }
img.popThumb  { float: left; background: #FFF; padding: 5px; }
div.popInfo   { float: right; width: 150px; }
div.popInfo p { line-height: 160%; margin: 5px 0 0; }
img.popTitle  {  }
img.popDL     { margin: 5px 0 0; }


/* footer
================================================== */
footer { width: 960px; height:300px;  margin: 0 auto; background: url(../img/forstore_foot.gif) no-repeat top center; }
#copyright   { font-family: Verdana; font-size: 12px; line-height: 175%; margin: 23px 0 0; color: #943A3A; }
#scrolltotop { margin: 24px 0; font-size: 93%; }
#scrolltotop a,
#scrolltotop a:visited { color:#333; padding: 0 0 0 20px; font-weight: bold; background: url(../img/scrolltotop.gif) left no-repeat; }
#scrolltotop a:hover,
#scrolltotop a:active { text-decoration: none; color:#FFF; background: url(../img/scrolltotop_ov.gif) left no-repeat; }