@charset "utf-8";

/* ========== initialize & reset ========== */
*{margin:0; padding:0;}
img{border:none;}
caption,th{text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
ul{list-style:none;}
/*h1,h2,h3,h4,h5,h6,*/p,dt,dd,li,th,td,address{font-size:100%; text-align:left; font-style:normal; font-weight:normal;}

/* ========== clear ========== */
.clrFix:after{content:"."; clear:both; height:0; display:block; visibility:hidden;}
* html .clrFix{display:inline-block;}
*:first-child+html .clrFix {display:inline-block;}
.clr{clear:both;}

/* ========== common setting =========== */
/* hide from browser */
.hide{display:none;}
hr{display:none;}
/* anchor */
a{outline:none;}
p{line-height:1.8; margin-bottom:1em;}

/* ========== universal font size setting =========== */
body{font-family:/*"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3",Osaka,"メイリオ",Meiryo,*/"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-size:71%; letter-spacing:0.15em;}
/* functions */
.blank{}
.bgpng{}
.rollover{}
.wordBreak{}
.popup{}

/* adjuster */
.mb30{margin-bottom:30px;}

/* base layout */
body{background:url(../images/bodyBg.gif); padding:30px 0; text-align:center; color:#191919;}
#wrapper{width:930px; margin:0 auto;}
#header{height:100px;}
#main{margin-bottom:10px;}
 #main:after{content:"."; clear:both; height:0; display:block; visibility:hidden;}
 * html #main{display:inline-block;}
 *:first-child+html #main{display:inline-block;}
.oddSection{background:url(../images/oddSectionBg.gif); border:1px #e9dedc solid; padding:40px 40px 30px 40px; clear:both;}
 .oddSection:after{content:"."; clear:both; height:0; display:block; visibility:hidden;}
 * html .oddSection{display:inline-block;}
 *:first-child+html .oddSection{display:inline-block;}
.evenSection{background:url(../images/evenSectionBg.gif); border:1px #e9dedc solid; padding:40px 40px 30px 40px; clear:both;}
 .evenSection:after{content:"."; clear:both; height:0; display:block; visibility:hidden;}
 * html .evenSection{display:inline-block;}
 *:first-child+html .evenSection{display:inline-block;}
#footer{height:14px; clear:both;}

/* header internal */
#header h1{width:259px; height:42px; float:left;}
#header p{width:275px; height:56px; float:right; margin-bottom:0;}

/* main visual portion */
#main p.image{width:490px; float:left;}
#main div.copy01{width:435px; float:right; background:url(../images/mainBg.png) no-repeat left top;}
#main div.copy01 p.copy01{background:url(../images/copy001.png) no-repeat 35px 0; height:155px; text-indent:-9999px; overflow:hidden; margin-bottom:20px;}
#main div.copy01 p.copy01 p.image{width:435px;}

/* first section */
.oddSection div.copy02{width:495px; float:left;}
.oddSection div.copy02 h2.h201{background:url(../images/ttl001.png) no-repeat; width:135px; height:403px; text-indent:-9999px; overflow:hidden; float:right;}
.oddSection div.copy02 p{width:280px; float:left;}
.oddSection div.image{width:280px; float:right; margin-top:-3px;}
.oddSection div.image img{margin-bottom:10px;}
.oddSection div.inner{clear:both; padding:40px 0 40px 40px; border-top:1px #dacfcd solid;}
.oddSection div.inner h2.h202{background:url(../images/ttl002.png) no-repeat; width:130px; height:609px; text-indent:-9999px; overflow:hidden; float:left;}
.oddSection div.inner div.copy03{width:320px; float:left; padding:0 36px;}
.oddSection div.inner div.copy03 h3{display:none;}
.oddSection div.inner div.copy03 p.first,.oddSection div.inner div.copy03 p.second{padding:0 40px;}
.oddSection div.inner div.copy03 p.first{background:url(../images/ttl003.png) no-repeat center center;}
.oddSection div.inner div.copy03 p.second{background:url(../images/ttl004.png) no-repeat center center; margin-bottom:30px;}
.oddSection div.inner div.copy03 p.btn img{margin-bottom:10px;}
.oddSection div.inner div.whois{background:url(../images/evenSectionBg.gif); border:1px #e9dedc solid; padding:19px 19px 0 19px; width:240px; float:right;}
.oddSection div.inner div.whois h2.h203{background:url(../images/copy002.png) no-repeat; height:30px; margin-bottom:20px; text-indent:-9999px; overflow:hidden;}
.oddSection div.inner div.whois p{line-height:1.5;}

/* second section */
.evenSection h2.h204{background:url(../images/ttl005.png) no-repeat; height:86px; text-indent:-9999px; margin-bottom:40px; overflow:hidden;}
.evenSection div.copy04{width:375px; float:left;}
.evenSection div.copy04 p{margin-bottom:30px;}
.evenSection div.copy04 p.btn{text-align:center; margin-bottom:0;}
.evenSection div.media{width:393px; float:right; border:1px #e9dedc solid; background:#ffffff; border-bottom:none;}
.evenSection div.media h3{height:105px; text-indent:-9999px; overflow:hidden;}
.evenSection div.media h3.h301{background:url(../images/ttl006.gif) no-repeat;}
.evenSection div.media h3.h302{background:url(../images/ttl007.gif) no-repeat;}
.evenSection div.media h3.h303{background:url(../images/ttl008.gif) no-repeat;}
.evenSection div.media h3.h304{background:url(../images/ttl009.gif) no-repeat;}
.evenSection div.media p{padding:0 18px 10px 18px; border-bottom:1px #e9dedc solid; line-height:1.5; margin-bottom:0;} 

/* third section */
.oddSection div.copy05{width:480px; float:right;}
.oddSection div.copy05 h2.h205{background:url(../images/ttl010.png) no-repeat; height:79px; margin-bottom:20px; text-indent:-9999px; overflow:hidden;}
.oddSection div.copy05 h3.h305{background:url(../images/ttl011.png) no-repeat; height:25px; margin-bottom:35px; text-indent:-9999px; overflow:hidden;}
.oddSection div.copy05 p.btn{text-align:center; padding:15px;}
.oddSection div.download{width:295px; float:left; margin-bottom:20px;}
.oddSection div.buy{background:url(../images/evenSectionBg.gif); border:1px #e9dedc solid; padding:35px 40px 20px 40px; clear:both; position:relative;}
* html .oddSection div.buy{text-align:left; display:inline-block; height:230px;}
.oddSection div.buy h3.h306{background:url(../images/ttl012.png) no-repeat; width:475px; height:28px; margin-bottom:20px; text-indent:-9999px; overflow:hidden;}
* html .oddSection div.buy h3.h306{position:absolute; top:35px; left:40px; z-index:100; }
*:first-child+html .oddSection div.buy h3.h306{position:absolute; top:30px; left:40px; z-index:100; text-indent:-9999px !important; }
* html .oddSection div.buy div{position:absolute; left:40px; top:80px;}
.oddSection div.buy p.image{width:299px !important; height:172px; position:absolute; right:40px; top:35px;}
* html .oddSection div.buy p.image{right:40px; top:35px;}
*:first-child+html .oddSection div.buy p.image{top:30px;}


/* footer internal */
#footer address{background:url(../images/copyright.png) no-repeat; width:243px; height:14px; float:right; text-indent:-9999px; overflow:hidden;}