@charset "Shift_JIS";
*{
	margin:0;
	padding:0;
}

/* 画像ボーダー */
img{	margin: 0px;
	border: none;
	vertical-align:middle;
	-ms-interpolation-mode: bicubic;
}

/* clearfix */
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	min-height: 1%;
	overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-Mac */

/* 文字の色 */
strong{color:#fe0000;}
.Blk strong{color:#000;}
.Wht,.Wht strong{color:#FFF;}
.Blue strong{color:#0ab9ea;}

/* 文字のサイズ */
.t25{font-size:25px;line-height:27px;}
.t20{font-size:20px;line-height:20px;}
.t18{font-size:18px;line-height:20px;}
.t16{font-size:16px;line-height:20px;}
.t15{font-size:15px;line-height:17px;}
.t14{font-size:14px;line-height:18px;}
.t12{font-size:12px;line-height:16px;}
.t10{font-size:10px;line-height:14px;}

/* テキストリンク */
a:link{color:#000000;text-decoration:underline;}
a:visited{color:#993399;text-decoration:underline;}
a:active{color:#e60012;text-decoration:underline;}
a:hover{color:#0AB8EA;text-decoration:underline;}

.Wht a:link{color:#FFF;font-weight:bold;}
.Wht a:visited{color:#c8cbcc;font-weight:bold;}
.Wht a:hover{color:#FFF;font-weight:bold;}
.Wht a:active{color:#FFF;font-weight:bold;}

.Blk a:link{color:#1a1a1a;font-weight:bold;}
.Blk a:visited{color:#1a1a1a;font-weight:bold;}
.Blk a:active{color:#1a1a1a;font-weight:bold;}
.Blk a:hover{color:#e60012;font-weight:bold;}

/* ボディ設定 */
body{
	font-size:12px;
	line-height:16px;
	color:#333333;
	font-family: Arial, "ヒラギノ丸ゴ Pro W3","Hiragino Maru Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
/*--table{ border-collapse : collapse; }テーブルから余分な隙間を消すとき、これを使う--*/



/*================================================
 基本大枠(インデックス)
================================================*/
/* ベース */
.Base{
	width:960px;
	margin:0 auto;
}
/* ヘッダー */
#Header{
	padding:20px 0 5px 0;

}
/* メインベース */
#Base_Main{
	width:100%;
	padding:15px 0;
	border-top:2px solid #0ab9ea;
	border-bottom:2px solid #0ab9ea;
	background:#ebebeb;
}
/* メイン画像 */
#MainImg{
	width:100%;
	height:310px;
	padding:15px 0;
	text-align:right;
	background:url(/img/bk_main.gif) repeat-x;
}
/* バナー */
#S_navi{
	width:100%;
	height:42px;
	margin:0 0 10px 0;
	background:url(/img/bk_toysmenu.gif) repeat-x;
}
/* メイン */
#Main{
	width:710px;
	float:left;
}
/* メイン02 */
#Main02{
	width:704px;
	padding:3px;
	background:url(/img/bk_b.gif);
}
#Main02 #Bk_W{
	width:689px;
	padding:15px 0 15px 15px;
	background:#FFF;
}
/* 右エリア */
#Right{
	width:230px;
	margin:0 10px 0 0;
	float:right;
}
/* ページトップ */
#Pagetop{
	width:950px;
	text-align:right;
	float:left;
}
/* フッター */
#Footer{
	width:960px;
	margin:0 auto;
	padding:15px 0 0 0;
}
/* コピーライト */
#Copy{
	width:100%;
	padding:15px 0 30px 0;
	background:#333;
}

/*================================================
 ヘッダー　Header
================================================*/
/* ヘッダーベース */
#Header .H_Cont{
	width:950px;
	margin:0 0 10px 0;
}
#Header img{
	float:left;
}
/* H1 */
#Header h1{
	width:560px;
	color:#999;
	float:left;
	font-weight:normal;
}
/* H2 */
#Header h2{
	width:185px;
	float:left;
}
/* グローバルナビ */
#Pepe_navi ul{
	width:760px;
	float:right;
	list-style:none;
}
#Pepe_navi li {
	width:90px;
	margin:0 0 0 5px;
	float:left;
}

/*================================================
 トップ用
================================================*/
/* ベース */
.Base #Main_Img,.Base #Search_use,.Base #Rec_pepe,.Base #Search_series{
	margin:0 0 20px 0;
}
/* 用途・粘度 */
#Search_use ul,#Search_series ul,#Rec_pepe ul{
	list-style:none;
}


/* 用途・粘度 */
#Search_use li{
	width:230px;
	margin:10px 10px 0 0;
	float:left;
	position:relative;
}
#Search_use p{
	width:195px;
	position:absolute;
	top:170px;
	left:20px;
}
/* おすすめ */
#Rec_pepe li{
	width:224px;
	height:240x;
	margin:10px 10px 0 0 ;
	border:3px solid #FFF;
	background:#FFF;
	float:left;
}
#Rec_pepe div{
	padding:3px 3px 0 3px;
	background:url(/img/bk_b.gif);
}
#Rec_pepe div img{
	float:left;
}
#Rec_pepe div dl{
	width:55px;
	height:153px;
	padding:0 5px;
	float:right;
	background:url(/img/bk_name.gif);
}
#Rec_pepe div dt{
	padding:5px 0;
	margin:0 0 7px 0;
	height:93px;
}
#Rec_pepe div dd{
	text-align:center;
	white-space: nowrap;
}
#Rec_pepe .Price{
	width:224px;
	padding:3px 0;
	background:#ffffd1;
	text-align:center;
}
#Rec_pepe .Ex{
	width:204px;
	padding:5px 10px;
}
/* シリーズ */
#Search_series li{
	width:470px;
	margin:10px 10px 0 0;
	float:left;
	position:relative;
}
#Search_series p{
	width:320px;
	position:absolute;
	top:15px;
	left:135px;
}

/*================================================
 サブナビ　S_navi
================================================*/
#S_navi ul{
	width:756px;
	float:left;
	list-style:none;
}
#S_navi li{
	float:left;
}
/* 検索 */
#S_navi form{
	width:184px;
	height:35px;
	padding:7px 0 0 10px;
	float:right;
	background:url(/img/bk_search.gif) no-repeat;
}

/*================================================
 右　Right
================================================*/
/**************** キーワード検索 *****************/
#Right #Search_key{
	width:228px;
	margin:0 0 10px 0;
	border:1px solid #d8d8d8;
	background:#FFF;
}
#Search_key form{
	width:218px;
	margin:5px auto 10px auto;
	list-style:none;
}
#Search_key p{
	margin:0 0 5px 0;
}
/**************** ニュース *****************/
#Right #News{
	width:218px;
	height:150px;
	padding:5px;
	margin:0 0 10px 0;
	border:1px solid #d8d8d8;
	background:#FFF;
	overflow:hidden;
}
#News iframe{
	width:218px;
	height:150px;
}
/**************** ぺぺメニュー *****************/
#Right #Search_pepe{
	width:228px;
	margin:0 0 10px 0;
	border:1px solid #d8d8d8;
	background:#FFF;
}
#Search_pepe ul{
	width:218px;
	margin:0 auto 5px auto;
	list-style:none;
}
#Search_pepe ul li a{
	width:210px;
	height:34px;
	margin:5px 0 0 0;
	display:block;
	padding:2px 4px;
	background:url(/img/bk_pepe_on.gif) no-repeat;
}
#Search_pepe ul li a:hover{
	background:url(/img/bk_pepe_off.gif) no-repeat;
}
#Search_pepe ul img{
	width:28px;
	margin:2px 20px 0 0;
	border:1px solid #dadada;
	float:left;
}
#Search_pepe #T_link{
	width:210px;
	text-align:right;
}
#Search_pepe #T_link a{
	height:auto;
	background:none;
}
/**************** カテゴリメニュー/フッターメニュー *****************/
#Right h4{
	width:220px;
	padding:5px;
	background:#0ab9ea;
	color:#FFF;
}
#Right .Search_category,#Footer .Search_category{
	width:228px;
	border:1px solid #d8d8d8;
	background:#FFF;
}
.Search_category ul{
	width:218px;
	margin:0 auto;
	list-style:none;
}
.Search_category ul li a{
	width:204px;
	height:22px;
	display:block;
	padding:3px 0 0 14px;
	background:url(/img/bk_menu_on.gif) no-repeat;
}
.Search_category ul li a:hover{
	background:url(/img/bk_menu_off.gif) no-repeat;
}


/*================================================
 メイン　Main（HOWTOとFAQ）
================================================*/
/* ベース */
#Main .Cont_main{
	width:704px;
	padding:3px;
	margin:0 0 10px 0;
	background:url(/img/bk_b.gif);
}
#Main .Cont_main div{
	width:684px;
	padding:10px;
	background:#FFF;
}
#Main .Cont_main h3{
	margin:0 0 10px 0;
}
#Main .Cont_main h4{
	margin:0 0 5px 0;
}
/* テキスト */
.Cont_main .Text{
	width:684px;
	margin:0 0 15px 0;
}
.Cont_main .Text img{
	margin:0 0 0 10px;
	float:right;
}
/* スキンシップに */
.Cont_main ul{
	width:684px;
	margin:0 0 15px 0;
	list-style:none;
}
.Cont_main li{
	width:684px;
	margin:0 0 15px 0;
}
.Cont_main li img{
	width:48px;
	margin:0 5px 0 0;
	border:1px solid #d8d8d8;
	float:left;
}
.Cont_main li p{
	width:600px;
	float:left;
}
/* 注意 */
.Cont_main .Attention{
	width:664px;
	padding:10px;
	background:url(/img/bk_g.gif);
}
.Attention img{
	margin:0 0 5px 0;
}
/* よくある質問 */
.Cont_main dl{
	width:684px;
	margin:0 0 15px 0;
}
.Cont_main dt{
	width:639px;
	padding:12px 10px 10px 35px;
	background:url(/img/q.gif) no-repeat 10px center #caeff8;
}
.Cont_main dd{
	width:639px;
	padding:5px 10px 0 35px;
	background:url(/img/a.gif) no-repeat 10px 5px;
}

/*================================================
 フッター　Footer
================================================*/
/**************** インフォ *****************/
#Footer .F_Cont01{
	width:230px;
	margin:0 10px 0 0;
	float:left;
}
#Footer h3 img,#Footer h4 img{
	margin:0;
}
.F_Cont01 p{
	margin:5px 0 15px 0;
}
.F_Cont01 #Konpou{
	width:130px;
	height:65px;
	padding:0 100px 0 0;
	background:url(/img/info05.gif) no-repeat right;
}
.F_Cont01 img{
	margin:3px 0;
}
.F_Cont01 img.Btn_syosai{
	margin:10px 0 0 0;
}

/**************** 携帯 *****************/
#Footer #F_Cont02{
	width:464px;
	padding:3px;
	background:url(/img/bk_y.gif);
	float:left;
}
#F_Cont02 div{
	width:444px;
	padding:10px;
	background:#ffffd1;
}
#F_Cont02 p{
	margin:5px 0;
}
/**************** コピー *****************/
#Copy p{
	width:550px;
	line-height:18px;
	float:left;
}



/*================================================
 カテゴリー用
================================================*/
/* タイトル下テキスト */
#Main02 #Ca_Text{
	width:674px;
	margin:10px 0;
}

/* 用途・粘度 */
#Search_use02 ul{
	width:689px;
	list-style:none;
}
#Search_use02 li{
	width:158px;
	margin:14px 14px 0 0;
	float:left;
}





/* modal モーダルウィンドウ
-------------------------------------------*/

#modal { display:none;
	overflow:hidden;}
#confirm_modal {
	width:594px;
	height:554px;
	border:solid 3px #0ab9ea;
	background:#FFF;
	overflow:hidden;
}
#confirm_modal dl{
	width:574px;
	margin:10px auto;
}
#confirm_modal dt{
	width:185px;
	float:left;
}
#confirm_modal dd{
	width:300px;
	float:right;
	text-align:right;
}
#modal div{
	width:554px;
	margin:0;
	padding:20px 20px 0 20px;
	border-top:1px solid #0ab9ea;
	background:#ebebeb;
}
#confirm_modal #kin18{
	width:500px;
	height:50px;
	padding:0 0 0 54px;
	background:url(/img/18kin.gif) no-repeat left center;
}
#confirm_modal #Enter{
	width:554px;
	text-align:center;
}
#confirm_modal #Enter img{
	margin:0 0 10px 0;
}
#confirm_modal img{
	vertical-align:bottom;
}