@charset "utf-8";

/* reset
--------------------------------------------------- */
html, body, div, span,
h1, h2, h3, h4, p, a, address, em, img, strong, hr,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
body {
font-size: 76%;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
line-height: 1.8;
text-align:center;
color:#333333;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr,
#contentsStart, #skip-nav	{
display: none;
}
em	{
font-style:normal;
}
a,
a:hover,
a:visited	{
text-decoration:none;
}
#footer a.lev1	{
color:#333333;
}
#sub a,
#footer .lev2 a,
#footer address a	{
text-decoration:underline;
}
#sub a:hover,
#footer .lev2 a:hover,
#footer address a:hover	{
text-decoration:none;
}

/* layout
--------------------------------------------------- */
#header,
#globalNav,
#contents,
#footer	{
width:950px;
margin:0 auto;
text-align:left;
}
#wrapper	{
background:url(../img-layout/bg_wrapper.png) repeat-x 0 0 #FFFFFF;
}

/* header */
#header	{
overflow:hidden;
padding:13px 0 18px;
position:relative;
}
* html #header	{height: 1%;}
#logo	{
float:left;
width:300px;
height:60px;
line-height:1;
}
.headerTxt	{
float:right;
width:600px;
line-height:1;
text-align:right;
font-weight:normal;
}
.headerTxt2	{
position:absolute;
width:600px;
line-height:1;
text-align:right;
bottom:18px;
right:0;
}

/* contents */
#contents	{
overflow:hidden;
margin-bottom:15px;
word-break:break-all;
word-wrap:break-word;
}
* html #contents	{height: 1%;}
#mainArea	{
float:right;
width:755px;
}
#sub	{
float:left;
width:180px;
}
#topMain	{
overflow:hidden;
}
* html #topMain	{height: 1%;}
#main	{
float:left;
width:560px;
}
#ranking	{
float:right;
width:180px;
}

/* #globalNav */
#globalNav ul	{
overflow:hidden;
height:50px;
padding-left:2px;
line-height:1;
background:url(../img-layout/bg_menu_area.png) no-repeat 0 0;
}
#globalNav li	{
float:left;
}
#globalNav li a,
#globalNav li span	{
display:block;
width:135px;
height:25px;
padding-top:10px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
text-align:center;
background:url(../img-layout/bg_menu.png) no-repeat -135px 0;

/* 袋文字 */
text-shadow:0px 2px 1px #ffffff,0px 1px 1px #ffffff,1px 1px 1px #ffffff,1px 0px 1px #ffffff,2px 0px 1px #ffffff,1px -1px 1px #ffffff,1px -2px 1px #ffffff,0px -2px 1px #ffffff,-1px -2px 1px #ffffff,-2px -2px 1px #ffffff,-2px -1px 1px #ffffff,-2px 0px 1px #ffffff,-2px 1px 1px #ffffff,-1px 1px 1px #ffffff;
}
#globalNav li a	{color:#333333;}
#globalNav li.navFirst span,
#globalNav li.navFirst a	{background:url(../img-layout/bg_menu.png) no-repeat 0 0;}
#globalNav li.navLast span,
#globalNav li.navLast a	{background:url(../img-layout/bg_menu.png) no-repeat -270px 0;}

/* #mainImage */
#mainImage	{
position:relative;
overflow:hidden;
width:982px;
margin:0 auto 20px;
}
#mainImage .imageFrame	{
display:block;
position:absolute;
top:0;
left:0;
width:982px;
height:260px;
background:url(../img-layout/bg_head_image.gif) no-repeat 0 0;
text-indent:-9999px;
}
#second #mainImage	{
height:156px;
}
#second #mainImage .imageFrame	{
height:156px;
background:url(../img-layout/bg_head_image_2nd.gif) no-repeat 0 0;
}

/* #main */
#mainArea h2	{
padding:8px 16px 6px;
margin-bottom:15px;
font-size:133%;
line-height:1;
border:1px solid #cccccc;
background:url(../img-layout/bg_h2.png) no-repeat 0 0 #e7e7e7;
}
#mainArea h3	{
padding-left:14px;
margin-bottom:20px;
font-size:133%;
line-height:1.6;
}
#mainArea h4	{
margin-bottom:20px;
font-size:116%;
line-height:1.4;
font-weight:bold;
}

h4 .date	{
margin-right:1em;
}
.section	{
padding-bottom:30px;
}
.h3section	{
padding-left: 10px;
}
.whatsNew	{
padding-bottom:28px;
}
.column2	{
overflow:hidden;
}
* html .column2	{height: 1%;}
.leftColumn	{
float:left;
padding-left:10px;
}
.rightColumn	{
float:right;
}
.column2 .rightColumn	{
width:425px;
}

.imageColumn3	{
overflow:hidden;
padding-left:10px;
}
* html .imageColumn3	{height: 1%;}
.imageColumn3 li	{
float:left;
width:230px;
margin:0 15px 30px 0;
text-align:center;
}
.imageColumn3 li .caption	{
display:block;
text-align:center;
}

.section p	{
margin-bottom:1em;
}
.contentsImage	{
text-align:center;
}

.imageHolder	{
overflow:hidden;
}
* html .imageHolder	{height: 1%;}
.imageLeft	{
float:left;
margin-right:15px;
}
.imageRight	{
float:right;
margin-left:15px;
}

.circleList	{
margin-bottom:15px;
}
.sitemap	{
margin-bottom:30px;
}
.circleList .circleList	{
margin-bottom:0;
}
.circleList li	{
padding-left:17px;
background:url(../img-layout/icon_circle_list.gif) no-repeat 0 8px;
}

.bge6	{
padding:20px;
background:#e6e6e6;
}
.bge6 p	{
margin-bottom:0;
}

/* text */
.boldTxt	{font-weight:bold;}
.redTxt	{color:#ff1d25;}
.blueTxt	{color:#2e3192	;}
.greenTxt	{color:#006837;}
.orangeTxt	{color:#f15a24;}
.grayTxt	{color:#999999;}
.yellowBg	{background:#ffff00;}
.bigTxt	{font-size:150%;}

/* topicPath */
.topicPath	{
margin-bottom:6px;
font-size:83%;
}
.topicPath span	{
margin:0 10px;
}

/* price */
.price	{
color:#333333;
font-weight:bold;
}
.price em	{
margin-left:0.5em;
color:#ff0000;
}
 .section .priceBox	{
overflow:hidden;
}
* html .priceBox	{height: 1%;}
 .section .priceBox .price	{
float:left;
margin-bottom:0;
font-size:133%;
}
 .section .priceBox .price em	{
font-size:200%;
}
 .section .priceBox .buyBtn	{
float:right;
clear:none;
margin-bottom:0;
padding-top:10px;
}
 .section .priceBox .buyBtn a	{
display:block;
width:98px;
height:32px;
padding:3px 0 0 40px;
color:#ffffff;
font-size:133%;
font-weight:bold;
}

/* ranking */
#ranking li	{
position:relative;
overflow:hidden;
margin-bottom:12px;
}
* html #ranking li	{height: 1%;}
#ranking img	{
display:block;
float:left;
width:60px;
}
#ranking span.itemName	{
display:block;
float:right;
width:115px;
padding-bottom:1.8em;
}
#ranking span.price	{
position:absolute;
bottom:0;
right:0;
}

/* #sub */
#contactBnr	{
margin-bottom:10px;
}
#contactBnr a	{
display:block;
width:180px;
height:112px;
text-indent:-9999px;
background:url(../img-layout/bg_contact.png) no-repeat 0 0;
}
#sub h2	{
padding:8px 0 6px;
line-height:1;
text-align:center;
border-bottom:1px solid #cccccc;
background:url(../img-layout/bg_item_head.png) repeat-x 0 0 #ffffff;
}
#sub .section	{
margin-bottom:10px;
padding-bottom:0;
border:1px solid #cccccc;
}
#sub .section ul	{
padding:10px 10px 0;
}
#sub .section li	{
padding:0 0 10px 10px;
line-height:1;
background:url(../img-layout/icon_list.gif) no-repeat 0 2px;
}
.w3c	{
padding-top:12px;
}
.w3c p	{
margin-bottom:12px;
text-align:center;
}

/* #pageTop */
#pageTop	{
clear:both;
text-align:right;
}
#pageTop a	{
padding:2px 0 2px 22px;
}

/* #footWrapper */
#footWrapper	{
padding:25px 0 10px;
background:url(../img-layout/bg_footer.png) repeat-x 0 0 #ffffff;
}
#footer ul	{
overflow:hidden;
padding:0 50px;
}
* html #footer ul	{height: 1%;}
#footer li	{
float:left;
width:120px;
}
#footer ul.lev2	{
padding:0 0 0 5px;
}
#footer ul.lev2 li	{
padding:0 0 0 8px;
background:url(../img-layout/icon_list.gif) no-repeat 0 6px;
}
address	{
padding-top:20px;
text-align:center;
}