@charset "euc-jp";

/* ----- start リセットCSS ----- */

h1, h2, h3, h4, h5, h6, p, address,
caption, img, form {
margin:0;
padding:0;
border:none;
font-style:normal;
font-weight:normal;
font-size:100%;
text-align: left;
}

/* table, th, td, */


#header ul, #header ol, #header li,
#left-contents ul, #left-contents ol, #left-contents li,
#footer ul, #footer ol, #footer li {
margin:0;
padding:0;
border:none;
font-style:normal;
font-weight:normal;
font-size:100%;
text-align: left;
list-style-type: none;

/* table, th, td, 
#header-box table, #header-box th, #header-box td, 
#search-table table, #search-table th, #search-table td {
margin:0;
padding:0;
border:none;
font-style:normal;
font-weight:normal;
font-size:100%;
text-align: left;
}*/
}

/* テキストエリア内文字サイズのブラウザ間での差異をなくす */
textarea { font-size: 100%; }

/* 画像の下にできる隙間をなくす */
#header img,
#left-contents img {
vertical-align: bottom;
}

/* hr 要素は不可視で使う */
hr { display: none; }

/* ----- End リセットCSS ----- */


/* ----- body設定 ----- */
body {
	margin:0;
	padding:0px;
	background:#ffffff;
	color:#787878;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size:12px;
}

/* ----- リンク設定 ----- */
a { color:#3486bf; text-decoration:none; margin: 0; padding: 0; }
a:hover { color:#155286; text-decoration: underline; }
/* a:visited { color:#ba4f87; text-decoration:none; } */

/* ----- 文字設定 ----- */
.f-size11 { font-size:11px; }
.f-size12 { font-size:12px; }
.f-size16 { font-size:16px; }
.f-bold { font-weight:bold; }
.latter0 { letter-spacing:0px; }
.c-pink { color:#f91a7e; }
.c-gray { color:#787878; }
.f-arial { font-family:Arial, Helvetica, sans-serif; }


/* ----- マージン設定 ----- */
.margin-top5 { margin-top:5px; }
.margin-top10 { margin-top:10px; }
.margin-top15 { margin-top:15px; }
.clear { clear:both; }


/* ----- ヘッダー設定 ----- */
#header {
width:1004px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
border-collapse:collapse;
border-bottom:#d6d6d6 solid 1px;
}

/* ----- メインコンテンツ設定 ----- */
#main-contents {
width:992px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
text-align:left;
}

/* ----- 左コンテンツ設定 ----- */
#left-contents {
float:left;
width:180px;
margin-right:15px;
}

/* ----- 中央コンテンツ設定 ----- */
#center-contents {
float:left;
width:795px;
letter-spacing:2px;
text-align:left;
}

#center-contents br { letter-spacing: 0;}/* IE6、IE7改行バグ回避 */

/* ----- フッター設定 ----- */
#footer {
width:1004px;
margin-left:auto;
margin-right:auto;
margin-top:25px;
}


/* ----- ヘッダー関連 ----- */
/* ----- グランドメニュー設定（上部） ----- */

#g-menu {
width:1000px;
height:20px;
border-collapse:collapse;
border-bottom:#CCCCCC 1px solid;
}

#g-menu ul{
list-style:none;
}

#g-menu li{
height:20px;
float:left;
text-indent:-9999px;
overflow:hidden;
background-repeat:no-repeat;
background-position:0 0;
}

#g-menu li#g-home a{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-home.gif); margin-left:6px;}
#g-menu li#g-home a:hover{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-home-o.gif); background-position:left top; margin-left:6px;}
#g-menu li#g-news a{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-news.gif);}
#g-menu li#g-news a:hover{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-news-o.gif); background-position:left top;}
#g-menu li#g-special a{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-special.gif);}
#g-menu li#g-special a:hover{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-special-o.gif); background-position:left top;}
#g-menu li#g-tools a{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-tools.gif);}
#g-menu li#g-tools a:hover{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-tools-o.gif); background-position:left top;}
#g-menu li#g-bbs a{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-bbs.gif);}
#g-menu li#g-bbs a:hover{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-bbs-o.gif); background-position:left top;}
#g-menu li#g-research a{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-research.gif);}
#g-menu li#g-research a:hover{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-research-o.gif); background-position:left top;}
#g-menu li#g-care a{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-care.gif);}
#g-menu li#g-care a:hover{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-care-o.gif); background-position:left top;}
#g-menu li#g-hiroba a{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-hiroba.gif);}
#g-menu li#g-hiroba a:hover{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-hiroba-o.gif); background-position:left top;}
#g-menu li#g-career a{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-career.gif); margin-right:10px;}
#g-menu li#g-career a:hover{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-career-o.gif); background-position:left top; margin-right:10px;}

#icon-start {
float:left;
height:16px;
background-image:url(../../images/icon-start.gif);
background-repeat:no-repeat;
background-position:left top;
padding:3px 0px 0px 20px;
font-size:12px;
}

#icon-pagetop {
float:left;
height:16px;
background-image:url(../../images/icon-pagetop.gif);
background-repeat:no-repeat;
background-position:left top;
margin-top:2px;
padding:2px 0px 0px 20px;
font-size:12px;
}

/* ----- 検索BOX ----- */
#search-table {
width:403px;
margin-left:auto;
margin-right:auto;
}

.search-box {
width:338px;
height:20px;
padding:0px 0px 0px 22px; 
background-image:url(../../images/search-box02.gif);
background-repeat:no-repeat;
background-position:left top;
}

#search-form {
width:300px;
height:12px;
font-size:12px;
border:#ffffff 1px solid;
}

.search-btn {
width:65px;
text-align:right;
}

.yahoo-txt {
text-align:right;
padding-top:5px;
font-size:11px;
}

/* ----- ヘッダーtable ----- */
#header-box {
width:992px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}

.left-td {
width:265px;
vertical-align:top;
}

.center-td {
width:475px;
vertical-align:top;
text-align:left;
}

.right-td {
width:252px;
vertical-align:top;
text-align:right;
}

.header-menu-friend { margin-left:8px; }
.header-menu-point { margin-top:5px; }
.header-menu-question { margin-top:5px; margin-left:8px; }


/* ----- RSS関連 ----- */
.rss {
margin:10px 0px 5px 0px;
font-size:13px;
}

/* ----- 左カラム設定 ----- */

/* ----- ユーザー情報 ----- */
#user-tit {
width:180px;
height:20px;
background-image:url(../../images/side-tit-user.gif);
background-repeat:no-repeat;
background-position:left top;
}

#user-name {
padding-top:5px;
color:#ffffff;
font-size:14px;
font-weight:bold;
text-align:center;
}

.user-point {
font-size:14px;
border-collapse:collapse;
border-bottom:#fe92c2 1px solid;
line-height:140%;
padding-bottom:5px;
text-align:center;
margin-bottom:5px;
}

#user-proflie {
line-height:150%;
padding:5px;
border-collapse:collapse;
border-left:#fe92c2 1px solid;
border-right:#fe92c2 1px solid;
border-bottom:#fe92c2 1px solid;
font-size:14px;
}

#user-proflie-o {
line-height:150%;
padding:5px;
border-collapse:collapse;
border-left:#fe92c2 1px solid;
border-right:#fe92c2 1px solid;
border-bottom:#fe92c2 1px solid;
font-size:14px;
}

.login-list {
margin-top:5px;
padding-left:15px;
background-image:url(../../images/icon-yajirusi.gif);
background-repeat:no-repeat;
background-position:left top;
font-size:12px;
line-height:normal;
}

.login-list-no {
vertical-align:bottom;
padding-top:auto;
font-size:12px;
}

.login-icon-no {
margin-top:5px;
vertical-align:bottom;
padding-top:auto;
font-size:12px;
line-height:120%;
}

.user-box {
width:102px;
}

.pass-box {
width:95px;
}

.login-btn {
margin-top:5px;
text-align:center;
}

/* ----- ユーザーメニュー ----- */
#user-menu {
width:180px;
height:auto;
font-size:13px;
}

#user-menu ul{
list-style:none;
}

#user-menu li{
height:20px;
overflow:hidden;
background-repeat:no-repeat;
background-position:0 0;
}

#user-menu li#menu-list a{
display:block;
width:180px;
height:20px;
background-image:url(../../images/side-tit-menu-bg.gif);
color:#787878;
}

#user-menu li#menu-list a:hover{
display:block;
width:180px;
height:20px;
background-image:url(../../images/side-tit-menu-bg-o.gif);
background-position:left top;
text-decoration:none;
}

#menu-list p{
width:130px;
margin:0px 0px 0px 22px;
padding-top:2px;
}

.user-howto {
margin-top:5px;
padding-left:5px;
vertical-align:bottom;
padding-top:auto;
font-size:12px;
line-height:120%;
}

/* ----- 14文字adテキスト ----- */
#left-ad-banner {
margin-top:10px;
}

#left-ad-space12 {
margin-top:10px;
}

/* 14文字adテキスト アイコンあり
.pr12 {
background-image:url(../../images/icon-pr.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:30px;
margin-top:5px;
font-size:12px;
letter-spacing:0px;
}
*/

.pr14 {
margin-top:5px;
font-size:12px;
}

#left-category {
margin-top:10px;
}

#left-category img {
margin-bottom:10px;
}

#left-ssl {
margin-top:10px;
}

/* ----- フッター関連 ----- */
.footer-link {
text-align:center;
margin-top:20px;
}

address {
text-align:center;
margin-top:10px;
}

/* ----- グランドメニュー設定（下部） ----- */
#g-menu-b {
width:1000px;
height:20px;
border-collapse:collapse;
border-top:#CCCCCC 1px solid;
margin-left:auto;
margin-right:auto;
}

#g-menu-b ul{
list-style:none;
}

#g-menu-b li{
height:20px;
float:left;
text-indent:-9999px;
overflow:hidden;
background-repeat:no-repeat;
background-position:0 0;
}

#g-menu-b li#g-b-home a{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-b-home.gif); margin-left:6px; }
#g-menu-b li#g-b-home a:hover{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-b-home-o.gif); background-position:left top; margin-left:6px;}
#g-menu-b li#g-b-news a{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-b-news.gif);}
#g-menu-b li#g-b-news a:hover{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-b-news-o.gif); background-position:left top;}
#g-menu-b li#g-b-special a{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-b-special.gif);}
#g-menu-b li#g-b-special a:hover{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-b-special-o.gif); background-position:left top;}
#g-menu-b li#g-b-tools a{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-b-tools.gif);}
#g-menu-b li#g-b-tools a:hover{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-b-tools-o.gif); background-position:left top;}
#g-menu-b li#g-b-bbs a{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-b-bbs.gif);}
#g-menu-b li#g-b-bbs a:hover{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-b-bbs-o.gif); background-position:left top;}
#g-menu-b li#g-b-research a{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-b-research.gif);}
#g-menu-b li#g-b-research a:hover{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-b-research-o.gif); background-position:left top;}
#g-menu-b li#g-b-care a{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-b-care.gif);}
#g-menu-b li#g-b-care a:hover{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-b-care-o.gif); background-position:left top;}
#g-menu-b li#g-b-hiroba a{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-b-hiroba.gif);}
#g-menu-b li#g-b-hiroba a:hover{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-b-hiroba-o.gif); background-position:left top;}
#g-menu-b li#g-b-career a{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-b-career.gif); margin-right:10px;}
#g-menu-b li#g-b-career a:hover{ display:block; width:100px; height:20px; background-image:url(../../images/g-menu-b-career-o.gif); background-position:left top; margin-right:10px;}

/* ----- 特定商取引法に基づく表記 ----- */
.shopping-rules-tit {
font-size:14px;
font-weight:bold;
color:#666666;
margin-bottom:10px;
}

#shopping-rules-table {
width:620px;
border-collapse:collapse;
border:#cacaca 1px solid;
}

#shopping-rules-table th {
width:180px;
border-collapse:collapse;
border:#cacaca 1px solid;
background-color:#999999;
color:#FFFFFF;
padding:5px;
font-weight:normal;
text-align:left;
line-height:140%;
}

#shopping-rules-table td {
width:470px;
border-collapse:collapse;
border:#cacaca 1px solid;
background-color:#f5f5f5;
color:#333333;
padding:5px;
line-height:140%;
}