@charset "UTF-8";

/* 110808_TCF
----------------------------------------------------------- */
@import "tcf.css";


/*

-----------------------------------------------------

Base CSS

FileName:   base.css

Version:    2007.9.4

-----------------------------------------------------

*/





/*

-----------------------------------------------------

トップページ

-----------------------------------------------------

*/

#main-g{

margin:0px 0px 15px;

}







/*

-----------------------------------------------------

会員特典・規約

-----------------------------------------------------

*/

#member-cam{

margin:0px 0px 20px;

}



#member-cam span{

color:#FF0000;

font-size:14px;

line-height:1.3em;

font-weight:bold;

}



#member-special{

margin:0px 0px 30px;

}



#member-special h3{

margin:0px;

}



#member-special li{

border-bottom:dotted 1px #999999;

padding:15px 0px;

}



#member-special li img{

vertical-align:top;

}



#member-special li span{

display:block;

padding:0px 20px 0px;

}



#member-special p{

color:#FF0000;

font-weight:bold;

margin:15px;

}



#member-special p span{

display:block;

margin:5px 0px 0px;

font-size:10px;

font-weight:normal;

color:#4C4C4C;

}



/*member-kiyaku*/

#member-kiyaku p#ichidoku{

background-color:#FFCC00;

font-weight:bold;

padding:5px;

}



#member-kiyaku #kiyaku-bg{

background-color:#FFFFCC;

padding:10px 20px 15px;

}



#member-kiyaku #kiyaku-bg #textarea{

background-color:#FFFFFF;

padding:10px 10px 0px;

width:490px;

height:200px;

overflow:auto;

border:solid 1px #999999;

margin:10px 0px 0px;

}



#member-kiyaku #kiyaku-bg #textarea p{

margin:0px 0px 10px;

}



#agreement{

margin:20px 0px 0px;

text-align:center;

}



#agreement img{

vertical-align:top;

}





/*

-----------------------------------------------------

会員登録

-----------------------------------------------------

*/

#memberentry-area{

margin:0px auto 0px;

width:700px;

}



#memberentry-area ul{

list-style-type:disc;

list-style-position: outside;

margin:0px 0px 0px 16px;

}



.memberentry{

background:url(../home/member/image/form_bg.gif) repeat-y left top;

border-top:2px solid #FF9900;

border-bottom:2px solid #FF9900;

padding:0px 15px;

margin:10px 0px 30px;

}



.memberentry dl{

clear:both;

border-bottom:1px dotted #999999;

}



.memberentry dl.cle-border{

clear:both;

border-bottom: none;

}



.memberentry dt{

float:left;

width:160px;

padding:20px 0px;

font-weight:bold;

}



.memberentry dt sup{

color:#CC0000

}



.memberentry dd{

float:left;

width:510px;

padding:20px 0px;

}



.memberentry dd span{

display:block;

margin:5px 0px 0px;

}



#entry-button{

clear:both;

margin:0px auto;

width:300px;

}



#entry-button #back{

float:left;

}



#entry-button #sosin{

float:right;

}



#member-thanks{

margin:30px auto 0px;

width:500px;

text-align:center;

}



#member-thanks img{

margin:30px 0px 0px;

}



#member-tmpuser{

margin:30px auto 0px;

width:345px;

}



#member-tmpuser p span{

font-weight:bold;

color:#FF0000;

}



#member-login{

margin:30px auto 0px;

width:500px;

}



#member-login p span#hankaku{

font-weight:bold;

color:#FF0000;

}



#member-login #member-login-f{

margin:10px auto 0px;

width:350px;

}



#member-login #member-login-f ul {

list-style-position:outside;

list-style-type:disc;

margin:0px 0px 0px 16px;

}



#member-login #member-login-f dt{

float:left;

width:110px;

padding:10px 0px 0px;

font-weight:bold;

}



#member-login #member-login-f dd{

float:right;

width:240px;

padding:10px 0px 0px;

}



#member-login #member-login-f dd span{

display:block;

margin:5px 0px 0px;

}



#member-login #member-login-b{

margin:30px auto 0px;

width:350px;

text-align:center;

clear:both;

}



/*#error{

margin:10px 0px 0px;

}*/







/*

-----------------------------------------------------

会社案内

-----------------------------------------------------

*/

#co-outline{

margin:0px 0px 20px;

}



#co-outline dl{

clear:both;

}



#co-outline dt{

float:left;

width:145px;

padding:3px 0px;

font-weight:bold;

}



#co-outline dd{

width:405px;

padding:3px 0px;

float:left;

}



#co-work, #co-bg,

#specify,#security{

clear:both;

margin:0px 0px 20px;

}



#co-work p{

margin:0px 0px 5px;

}



#co-work ul{

clear:both;

list-style-type:disc;

list-style-position: outside;

margin:0px 0px 0px 16px;

}







/*

-----------------------------------------------------

各種ご利用規約

-----------------------------------------------------

*/

#agreement li {

background:transparent url(../image/icon_arrow.gif) no-repeat scroll left center;

text-align:left;

padding:0px 10px 0px 15px;

margin:0px 0px 8px;

}



#agreement-navi ul {

border-top:dotted 1px #999999;

margin:20px 0px 0px;

padding:5px 0px 0px;

}



#agreement-navi li {

background:transparent url(../image/icon_arrow.gif) no-repeat scroll left center;

text-align:left;

padding:0px 10px 0px 15px;

margin:8px 0px 0px;

}



.agreement-m h4{

margin:20px 0px 0px

}



.agreement-m h4.cle-margin, #whats-outline-bg p.cle-magin, .answer.cle-magin, .answer li.cle-magin{

margin:0px

}



.agreement-mb{

margin:0px 0px 20px

}



.agreement-m p.inquiry{

padding:7px 0px 0px;

}



.agreement-m ul{

list-style-type:decimal;

list-style-position: outside;

margin:5px 0px 0px 20px;

}



.agreement-m table{

border:1px solid #999999;

border-collapse:collapse;

font-size:10px;

margin:10px 0px 5px;

}



.agreement-m table td, #agreement-co table td{

border:1px solid #999999;

padding:3px;

}



.agreement-m table th{

border:1px solid #999999;

padding:3px;

}



#agreement-co{

margin:0px 0px 20px;

}



#agreement-co h3{

margin:0px;

}



#agreement-co dl{

clear:both;

padding:10px 0px;

}



#agreement-co dt{

/*float:left;

width:165px;*/

padding:0px 0px 5px;

font-weight:bold;

}



/*#agreement-co dd{

padding:0px 0px;

width:385px;

float:right;

}*/



#agreement-co dd span{

display:block;

padding:3px 0px 10px 12px;

}



.agreement-m table, #agreement-co table{

border:1px solid #999999;

border-collapse:collapse;

font-size:10px;

margin:3px 0px 10px;

}



/*#privacy h4, #other h4{

margin:20px 0px 0px

}



#privacy h4.cle-margin, #other h4.cle-margin,#whats-outline-bg p.cle-magin, .answer.cle-magin, .answer li.cle-magin{

margin:0px

}



#privacy{

margin:0px 0px 20px

}



#privacy p.inquiry{

padding:7px 0px 0px;

}



#privacy ul{

list-style-type:disc;

list-style-position: outside;

margin:5px 0px 0px 16px;

}*/



p#additional{

margin:20px 0px 0px

}







/*

-----------------------------------------------------

ツメコムとは

-----------------------------------------------------

*/

#whats-outline img{

vertical-align:top;

}



#whats-outline-bg{

background:url(../home/whats/image/whats_bg.gif) repeat-y top left;

}



#whats-outline-bg p#shop{

margin:0px 20px 5px;

font-size:14px;

line-height:1.3em;

}



#whats-outline-bg p#whats-entery{

font-weight:bold;

color:#4C4C4C;

/*margin:0px 20px 3px;*/

margin:5px 20px 15px;

/*text-align:center;*/

font-size:12px;

}



#whats-outline-bg p#whats-entery span{

font-size:14px;

}



#whats-outline-bg p{

color: #4C4C4C;

margin:0px 20px;

font-weight:bold;

}



#whats-outline-bg ul{

margin:0px 20px 0px 35px;

color: #4C4C4C;

list-style:outside;

list-style-type:disc;

font-weight:bold;

}







/*

-----------------------------------------------------

推奨環境

-----------------------------------------------------

*/

#browser p{

margin:0px 0px 10px;

}



#browser p span{

font-weight:bold;

}







/*

-----------------------------------------------------

サイトマップ

-----------------------------------------------------

*/

#site{

padding:0px 20px;

}



#site #site-l{

float:left;

width:245px;

}



#site #site-r{

float:right;

width:245px;

}



#site ul{

margin:0px 0px 10px;

}



#site li.site-b{

padding:5px 0px;

font-weight:bold;

font-size:14px;

}



#site li.line{

background:url(../home/sitemap/image/site_line.gif) no-repeat top left;

padding:5px 0px 5px 18px;

}



#site li.line2{

background:url(../home/sitemap/image/site_line2.gif) no-repeat top left;

padding:5px 0px 5px 18px;

}







/*

-----------------------------------------------------

キャンペーン

-----------------------------------------------------

*/

#open-cam img{

vertical-align:top;

}



/*cam-ex*/

#cam-ex p{

font-size:14px;

line-height:1.3em;

font-weight:bold;

/*border-bottom:1px dotted #999999;

padding:0px 0px 10px;*/

margin:10px 0px 0px;

}



#cam-ex p span{

font-size:10px;

display:block;

margin:5px 0px 0px;

color:#4C4C4C;

font-weight:normal;

}



/*cam-entry*/

.cam-entry{

padding:15px 0px 0px;

text-align:center;

clear:both;

}



.cam-entry img{

margin:0px 0px 5px;

}



/*cam-pre*/

#cam-pre{

margin:15px 0px 0px;

}



#cam-pre h3,#cam-pre-r h3,#cam-samplelist h3{

margin:0px;

}



#cam-pre-bg{

background-color:#FFFFDE;

padding:10px 10px 0px;

text-align:center;

}



#cam-pre ul{

text-align:left;

/*border-top:1px dashed #FF6600;*/

margin:10px 0px 0px;

}



#cam-pre ul li{

clear:both;

/*border-bottom:1px dashed #FF6600;*/

padding:15px 0px;

}



#cam-pre ul li img{

display:block;

float:left;

vertical-align:top;

}



#cam-pre ul li span.sam-name{

display:block;

float:right;

width:340px;

}



#cam-pre ul li span.sam-name2{

display:block;

float:right;

width:270px;

}



#cam-pre ul li span.sam-name span{

display:block;

font-weight:bold;

}



#cam-pre ul li span.sam-name2 span{

display:block;

margin:0px 0px 3px;

}



/*cam-samplelist*/

#cam-samplelist{

clear:both;

padding:15px 0px;

border-bottom:1px dotted #999999;

}



#cam-samplelist ul{

clear:both;

}



#cam-samplelist ul li{

float:left;

margin:10px 0px 0px;

width:111px;

}



#cam-samplelist ul li.five{

float:left;

margin:10px 0px 0px;

width:102px;

}



#cam-samplelist ul li img{

border:1px solid #FF6600;

vertical-align:top;

margin:0px 0px 3px;

}



#cam-samplelist ul li span{

display:block;

font-size:10px;

line-height:1.2em;

width:102px;

}



/*cam-pre-r*/

#cam-pre-r{

margin:15px 0px 0px;

}



#cam-pre-r ul{

text-align:left;

}



#cam-pre-r ul li{

clear:both;

display:block;

border-bottom:1px dotted #999999;

padding:0px 0px 10px;

margin:0px 0px 10px;



}



#cam-pre-r ul li span.jyuni{

width:60px;

display:block;

float:left;

}



#cam-pre-r ul li span.name-add{

width:465px;

display:block;

float: right;

}



#cam-pre-r ul li span.name-add span{

font-size:14px;

color:#006600;

line-height:1.8em;

font-weight:bold;

}



#cam-pre-r p{

/*line-height:1.4em;

font-size:14px;*/

clear:both;

font-weight:bold;

margin:10px 0px;

text-align:left;

}







/*

-----------------------------------------------------

キャンペーン サンプル

-----------------------------------------------------

*/

#sample h3{

margin:0px;

}



#sample #samplephoto{ 

float:left;

border:solid 1px #FF6600;

margin:10px 0px 0px;

}



#sample #detail{

float:right;

width:387px;

margin:0px 0px 20px;

}



#sample #detail p{

display:block;

margin:10px 0px 0px;

}



#sample #detail p span{

font-weight: bold;

color: #ff0000;

}



#sample #detail dl{

margin:15px 0px 0px;

}



#sample #detail dl dt{

font-weight:bold;

}



#sample #detail dl dd span#explain{

display:block;

margin:10px 0px 0px;

}



#sample #detail dl dd span.red{

font-weight: bold;

color: #ff0000;

}



#sample #detail table{

width:387px;

text-align: center;

border: 1px solid #666666;

border-collapse:collapse;

margin:7px 0px 0px;

}



#sample #detail caption{

margin:15px 0px 0px;

}



#sample #detail th{

color: #FFFFFF;

background-color: #ff7519;

border: 1px solid #666666;

}



#sample #detail td{

background-color: #ffffff;

border: 1px solid #666666;

}



#cam-back{

clear:both;

border-top:dotted 1px #999999;

padding:5px 0px 0px;

text-align:right;

}



#cam-back p a{

background:url(../image/icon_arrow.gif) no-repeat center left;

padding:0px 0px 0px 15px;

}







/*

-----------------------------------------------------

出品・出店のご案内

-----------------------------------------------------

*/

/*#tusme-nara ul{

background:url(../home/branch/image/tsume_nara.gif) no-repeat left top;

height:365px;

text-indent:-9999px;

}*/



.branch{

border-bottom:dotted 1px #999999;

padding:0px 0px 15px;

margin:15px 0px 0px;

}



.branch p{

margin:0px 0px 0px 15px;

}



.otoi{

font-weight:bold;

font-size:14px;

color:#FF3300;

margin:15px 0px 0px;

line-height:1.3em;

}



.branch ul{

list-style:outside;

list-style-type:disc;

margin:0px 0px 8px 32px;

}







/*

-----------------------------------------------------

リンク

-----------------------------------------------------

*/

.link{

margin:10px 0px;

}



.link span{

font-weight:bold;

}







/*

-----------------------------------------------------

Q&A

-----------------------------------------------------

*/

.que-typical{

margin:20px 0px 0px;

}



.que-typical li{

background:url(../home/question/image/que.gif) no-repeat left center;

padding:0px 0px 0px 25px;

margin:0px 0px 10px;

}



.que-typical ul{

border-bottom:dashed 1px #999999;

}



.ne-ba{

padding:5px 0px 0px;

text-align:right;

}



.ne-ba a{

background:transparent url(../image/icon_arrow.gif) no-repeat scroll left center;

padding:0px 0px 0px 15px;

}



.que-area{

background-color:#FFFFCC;

border:1px solid #FFCC00;

padding:6px;

}



.que-area p{

background:url(../home/question/image/que_02.gif) no-repeat left center;

padding:0px 0px 0px 25px;

}



.ans-area{

margin:12px 0px 0px;

padding:0px 0px 10px;

border-bottom:dashed 1px #999999;

}



.ans-area p{

margin:0px 0px 10px;

}



.ans-area ul{

list-style:decimal;

margin:0px 0px 10px 25px;

}



/*------*/

.qanda, .qanda2{

margin:30px 0px 0px;

}



#question p{

margin:0px 0px 10px;

font-weight:bold;

}



.qanda p{

margin:0px 0px 10px;

}



.qanda p span{

display:block;

font-weight:bold;

}



.qanda p span.sys{

color:#FF6600;

font-weight:normal;

}



.q-ans{

background-color:#FFCCCB;

font-weight:bold;

color:#FF3A3A;

padding:3px 3px 4px 8px;

font-size:14px;

}



.q-a{

margin:10px 0px 0px;

padding:0px 0px 10px;

border-bottom:dotted 1px #999999;

}



.q-a p{

margin:10px 0px 0px;

clear:both;

}



.q-a p span.que{

display:block;

float:left;

width:50px;

font-weight:bold;

color:#009900;

}



.q-a p span.que2{

display:block;

float:left;

width:500px;

font-weight:bold;

}



.q-a p span.ans{

display:block;

float:left;

width:50px;

font-weight:bold;

color:#FF6600;

}



.q-a p span.ans2{

display:block;

float:left;

width:500px;

}







/*

-----------------------------------------------------

お問い合せ

-----------------------------------------------------

*/

#support dl{

margin:20px 0px 0px;

}



#support dt{

clear:both;

font-weight:bold;

margin:0px 0px 10px;

float:left;

width:180px;

}



#support dd{

float:left;

width:370px;

margin:0px 0px 10px;

}







/*

-----------------------------------------------------

お客さまの声

-----------------------------------------------------

*/

#thanks-area h3{

margin:0px;

}



#thanks-area ul li{

border-bottom:1px dashed #FF6600;

padding:15px 0px;

}



#thanks-area ul li span{

display:block;

margin:0px 0px 5px;
font-weight:bold;

font-size:14px;

color: #3E3E3E;

}



#thanks-area ul li span img{

vertical-align: bottom;

}