/*
てんてんもーるdefault.css
*/

/**************************
property reset
**************************/

*{
	margin:0;
	padding:0;
}

ul, li {
	list-style-type: none;
}

img {
	border:0;
}

form {
	display: inline;
}

.clear{
	clear:both;
	font-size:1px;
	line-height:1%;
	height:0;
}


/**************************
body,container
**************************/

body{
	color:#333;
	background-color:#FFF;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#container{
	width:740px;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFF;
	text-align: left;
}

/**************************
link color
**************************/

a:link	{
	color:#333;
	text-decoration:none;
}

a:visited{
	color:#333;
	text-decoration:none;
}

a:hover	{
	color:#333;
	text-decoration:underline;
}

a:acthive{
	color:#333;
	text-decoration:none;
}


/**************************
headSection
**************************/
#headSection{
	margin-bottom:10px;
}
/*
logo
*/
#headSection h1{
	float:left;
	width:192px;
	margin-top:7px;
	text-indent:-10000px;
}

#headSection h1 a{
	display:block;
	width:192px;
	height:49px;
	background-image:url(../img/logo.gif);
	background-repeat:no-repeat;
	text-decoration:none;
}

/*
head txt
*/
#headSection h2{
	float:right;
	width:377px;
	height:30px;
	margin:20px 8px 6px 0;
	text-indent:-10000px;
	background-image:url(../img/head_txt.gif);
	background-repeat:no-repeat;
}

/*
naviBar
*/
#headSection ul#naviBar{
	height:32px;
	background-image:url(../img/navibar_bg.gif);
	background-repeat:repeat-x;
}

#headSection ul#naviBar li{
	float:left;
}

#headSection ul#naviBar li.navi1{
	padding-left:200px;
}
#headSection ul#naviBar li.navi1{
	width:62px;
	height:32px;
}

#headSection ul#naviBar li.navi2{
	width:156px;
	height:32px;
}

#headSection ul#naviBar li.navi3{
	width:104px;
	height:32px;
}

#headSection ul#naviBar li.navi4 a{
	width:104px;
	height:32px;
}

#headSection ul#naviBar li.navi5{
	width:107px;
	height:32px;
}


/**************************
leftSection
**************************/

#leftSection{
	float:left;
	width:147px;
}

/*
registBlock
*/
#registBlock{
	margin-bottom:9px;
}

#registBlock p.p1 a{
	width:147px;
	height:51px;
	display:block;
	background-image:url(../img/regist_btn.gif);
	text-decoration:none;
	text-indent:-10000px;
}

#registBlock p.p1 a:hover{
	background-position:0 -51px;
}

#registBlock p.p2 a{
	width:147px;
	height:40px;
	margin-top:3px;
	display:block;
	background-image:url(../img/regist_btn2.gif);
	text-decoration:none;
	text-indent:-10000px;
}

/*
loginBlock
*/
/* login前 */
#loginBlock{
	padding-top:9px;
	background-image:url(../img/loginblock_bg_top.gif);
	background-repeat:no-repeat;
	background-position:top;
}

#loginBlock #login,
#loginBlock #shoppingcart,
#loginBlock #welcome{
	width:145px;
	\width:147px;
	w\idth:145px;
	background-color:#FFE57F;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	text-align:center;
}

#loginBlock #login table{
	margin:0 auto 10px auto;
	font-size:0.625em;
}

#loginBlock #login #USER_ACCOUNT,
#loginBlock #login #USER_PASSWORD{
	width:80px;
	height:16px;
	border:1px solid #000;
}

#loginBlock #forget{
	padding:5px 0;
	width:145px;
	\width:147px;
	w\idth:145px;
	background-color:#F93;
	border-top:1px solid #E9AF76;
	border-bottom:1px solid #E9AF76;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	text-align:center;
}

#loginBlock #forget ul{
	margin-left:18px;
	text-align:left;
	font-size:8px;
	line-height:100%;
}

#loginBlock #forget ul li.li1{
	text-indent:-10000px;
	margin-bottom:3px;
}

#loginBlock #forget ul li.li1 a{
	text-decoration:none;
	display:block;
	width:108px;
	height:10px;
	background-image:url(../img/forget_txt01.gif);
	background-repeat:no-repeat;
}

#loginBlock #forget ul li.li2{
	text-indent:-10000px;
}

#loginBlock #forget ul li.li2 a{
	text-decoration:none;
	display:block;
	width:69px;
	height:10px;
	background-image:url(../img/forget_txt02.gif);
	background-repeat:no-repeat;
}

#loginBlock #shoppingcart{
	padding-top:12px;
	padding-bottom:7px;
	font-size:0.625em;
	line-height:120%;
}

#loginBlock #shoppingcart h3{
	margin:0 auto;
	text-indent:-10000px;
	width:103px;
	height:11px;
	background-image:url(../img/shoppingcart_txt01.gif);
	background-repeat:no-repeat;
}

#loginBlock #shoppingcart #cart{
	margin:5px auto 0 auto;
	padding:5px;
	width:120px;
	\width:132px;
	w\idth:120px;
	background-color:#FFF;
	border:1px solid #000;
	text-align:left;
}
#loginBlock #shoppingcart #cart table{
	margin:10px 0;
	width:122px;
	border-top:1px dotted #000;
}

#loginBlock #shoppingcart p.p2{
	margin-top:7px;
}


#loginBlock .bottom_bg{
	margin-bottom:9px;
	height:9px;
	font-size:0px;
	background-image:url(../img/loginblock_bg_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}


/* login後 */

#loginBlock #welcome p.p1{
	font-size:0.625em;
	line-height:140%;
	text-align:left;
	margin-left:12px;
	margin-bottom:4px;
}

#loginBlock #welcome .name{
	font-size:0.95em;
	font-weight: bold;
	color:#8B0000;
	margin-bottom:8px;
}

#loginBlock #welcome table{
	width:138px;
	\width:140px;
	w\idth:138px;
	background-color:#E6E6FA;
	border:1px solid #473C8B;
	margin:0 auto;
}

#loginBlock #welcome table td{
	padding:4px 0;
	font-size:0.625em;
}

#loginBlock #welcome table td.point{
	font-size:1.5em;
	font-family:"Arial Black", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#473C8B;
	text-align:center;
}

#loginBlock #welcome table td.point2{
	font-size:1.1em;
	font-family:"Arial Black", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#473C8B;
	text-align:center;
}

#loginBlock #welcome input#change{
	padding-top:7px;
}

#loginBlock #welcome p.p2{
	font-size:0.625em;
	line-height:120%;
	text-align:left;
	margin-left:12px;
	padding-bottom:4px;
}

#loginBlock .logoff{
	width:145px;
	\width:147px;
	w\idth:145px;
	background-color:#FFBF59;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	text-align:center;
	padding:10px 0 8px 0;
}

#loginBlock .bottom_bg2{
	margin-bottom:9px;
	height:9px;
	font-size:0px;
	background-image:url(../img/loginblock_bg_bottom02.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}


/*
selectBlock
*/

#selectBlock {
	width:147px;
	background-image:url(../img/select_ttl.gif);
	background-repeat:no-repeat;
}

#selectBlock h3{
	width:147px;
	height:36px;
	background-image:url(../img/select_ttl.gif);
	background-repeat:no-repeat;
	text-indent:-10000px;
}

#selectBlock .select{
	width:145px;
	\width:147px;
	w\idth:145px;
	background-color:#FFF;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding-top:12px;
}

#selectBlock p{
	margin-left:9px;
	margin-bottom:3px;
	font-size:8px;
	line-height:100%;
	text-indent:-10000px;
}

#selectBlock p.p1{
	width:107px;
	height:12px;
	background-image:url(../img/select_txt01.gif);
	background-repeat:no-repeat;
}

#selectBlock p.p2{
	margin-top:12px;
	width:120px;
	height:12px;
	background-image:url(../img/select_txt02.gif);
	background-repeat:no-repeat;
}

#selectBlock select{
	margin-left:7px;
	width:130px;
}

#selectBlock input{
	margin:12px 0 4px 36px;
}

#selectBlock .bottom_bg{
	margin-bottom:9px;
	height:9px;
	font-size:0px;
	background-image:url(../img/select_bg_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

/*
mobileBlock
*/

#mobileBlock {
	width:147px;
}

#mobileBlock .mb{
	width:145px;
	\width:147px;
	w\idth:145px;
	background-color:#FDD;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding-top:12px;
}

#mobileBlock h3{
	width:147px;
	height:36px;
	background-image:url(../img/afr_ttl.gif);
	background-repeat:no-repeat;
	text-indent:-10000px;
}
#mobileBlock .ph { 
	float:left;
	margin-left:3px;
	margin-right:5px;
}

#mobileBlock p{
	font-size:0.7em;
	line-height:115%;
	margin-left:3px;
}

#mobileBlock .bottom_bg{
	margin-bottom:9px;
	height:9px;
	font-size:0px;
	background-image:url(../img/mb_bg_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

/*
partnerBlock
*/

#partnerBlock h3{
	width:147px;
	height:74px;
	background-image:url(../img/partner_btn.jpg);
	text-indent:-10000px;
	margin-bottom:8px;
}

#partnerBlock h3 a{
	display:block;
	width:147px;
	height:74px;
	text-decoration:none;
}

/*
aferiBlock
*/

#aferiBlock h3{
	width:147px;
	height:74px;
	background-image:url(../img/tenten_afl.gif);
	text-indent:-10000px;
	margin-bottom:8px;
}

#aferiBlock h3 a{
	display:block;
	width:147px;
	height:74px;
	text-decoration:none;
}

/*
verysignBlock
*/

#verysignBlock{
	text-align:center;
}

#verysignBlock p{
	font-size:0.5em;
	line-height:115%;
}

/*2011更新終了の為表示停止
PrivacyMarkBlock


#PrivacyMarkBlock h3{
	width:147px;
	height:94px;
	background-image:url(../img/privacymark.gif);
	text-indent:-10000px;
	margin-bottom:1px;
}


#PrivacyMarkBlock h3 a{
	display:block;
	width:147px;
	height:94px;
	text-decoration:none;
}
*/
/**************************
contentSection
**************************/

/*
インデックスページ以外では、
contentSection　というdivを作り、
下記のコメントをはずしてお使いください。
*/


/*
#contentSection{
	width:586px;
	float:left;
	margin-left:7px;
}
*/


/**************************
footSection
**************************/

#footSection{
	height:24px;
	background-image:url(../img/footer_bg.gif);
	background-repeat:repeat-x;
	color:#FFF;
	font-size:0.625em;
	margin-top:8px;
	padding-top:7px;
}

#footSection address{
	float:left;
	display:inline;
	font-style:normal;
	padding-left:7px;
}

#footSection span{
	float:right;
	padding-right:7px;
}

/*
link color
*/
#footSection span a{
	color:#FFF;
	text-decoration:none;
}
#footSection span a:hover{
	color:#FFF;
	text-decoration:underline;
}