@charset "shift_jis";
/************************************************

	unique

************************************************/



/*--------------------
	Recipe
--------------------*/

#recipe .recipe-inner h2{
	padding:5px 0 2px 0;
}

/*--------------------
	Sitemap
--------------------*/

#sitemap .box-a .box{
	background-color:#eaeaea;
	border:#cdcdcd 1px solid;
	padding:15px;
	margin-top:30px;
}

/*--------------------
	Member
--------------------*/

#member .unit-a .unit-line{
	min-height:230px;
}

/*--------------------
	Mailmag
--------------------*/

#mailmag .unit-a .unit-line{
	min-height:170px;
}
#flow-mailmag-stop{
	padding-left:260px;
}

/*--------------------
	Mobilesite
--------------------*/

#mobilesite .box p{
	padding-bottom:20px;
}

/*--------------------
	Special
--------------------*/

.sp-nav{
	margin:0 auto;
	width:678px;
}

.sp-nav dt{
	margin-bottom:4px;
}

.sp-nav dd{
	margin-bottom:10px;
	margin-left:4px;
}

.sp-nav dd img{
	padding-left:6px;
}

/*--------------------
	Pay
--------------------*/

.you-can-doit{
	margin:10px 0;
	padding:10px;
	border:1px solid #CDCDCD;
}

.you-can-doit dl{
	float:left;
	width:100px;
	text-align:center;
	margin-right:5px;
}

.you-can-doit dl.last{
	margin-right:0;
}

/*--------------------
	Cpmpany
--------------------*/

#company #alpha-block .section{
	background:url(/info/images/company/company_logo02.gif) 516px 0 no-repeat;
}

#company #alpha-block .section p{
	margin-bottom:25px;
}

/*--------------------
	News
--------------------*/

#news-contents{
	margin:0 25px 15px 25px;
	padding:0;
	border:1px solid  #CDCDCD;
}

#news-contents .inner{
	padding:0 13px 13px 13px;
}

#news-contents .inner strong{
	color:#666666;
}

/*--------------------
	QA
--------------------*/

.definition-unit{
	border:1px solid #CDCDCD;
}

.definition-unit dt,
.definition-unit dd{
	padding:12px 15px;
}

.definition-unit dt{
	border-bottom:1px solid #CDCDCD;
	font-weight:bold;
}

.definition-unit dd{
	background-color:#EAEBEC;
}

/*--------------------
	voice
--------------------*/

#voice td ul{
	margin:3px 0;
}

#voice td ul li{
	float:left;
	width:25%;
}

#voice td.voicecate{
	background:#EDEEF0;
}

#voice td.voicecate ul{
	margin:0;
}

#voice td.voicecate ul li{
	float:left;
	width:148px;
	margin-right:3px;
	padding:6px 8px;
	border:1px solid #CDCDCD;
	background:#FFFFFF;
}

#voice td.voicecate ul li.cr a,
#voice td td.cr a{
	font-weight:bold;
	color:#CC3300;
}

#voice td table{
	float:left;
	width:33%;
}

#voice td td.img{
	width:40px;
}

/*--------------------
	shopping
--------------------*/

.complete{
	margin:0 auto;
	width:420px;
	text-align:center;
}

.point-msg{
	background-color:#FAF4E2;
	text-align:center;
	border:1px solid #F5E9C8;
	font-weight:bold;
	color:#AF8E24;
}

.point-msg span{
	text-align:center;
	font-weight:normal;
	color:#666666;
}

.complete .msg-box{
	margin-bottom:40px;
}

.point-msg img{
	padding:0 5px;
	vertical-align:baseline;;
}

.exs,
.kana{
	display:block;
	margin-top:2px;
}

span.attm,
.att-msg,
.att-txt{
	color:#AA0000;
}

.att-msg{
	margin-bottom:10px;
	padding:10px;
	border:1px solid #CDCDCD;
}

.att-msg .sp{
	margin-top:15px;
	font-weight:bold;
	color:#000000;
}

.att-msg .sp input{
	vertical-align:middle;
}

#zerta-block .att-msg{
	margin-bottom:20px;
}

#zerta-block .att-msg li{
	margin-bottom:0.4em;
}

.members-box,
.beginner-box{
	padding:10px;
}

.members-box{
	border:1px solid #AF8E24;
}

.beginner-box{
	border:1px solid #424242;
}

.check-dust{
	margin:0 10px;
}

.check-dust dt{
	margin-bottom:5px;
	padding:5px;
	color:#AA0000;
	border:3px solid #CDCDCD;
}

.check-dust dt img{
	padding-right:10px;
}

.check-dust dd{
	text-align:right;
	margin-bottom:10px;
}

.flow-list,
.flow-list2{
	margin-bottom:3px;
	padding:3px 0 0 6px;
	list-style:none;
	border-top:1px solid #CDCDCD;
}

.flow-list2{
	padding-left:200px;
}

#flow-mem{
	padding-left:182px;
}

.flow-list li,
.flow-list2 li{
	float:left;
}


/*--------------------
	Item
--------------------*/



#contents ul.items li{
    float: left;
    margin: 0px 5px 5px 0px;
}

#contents ul.items li.right {
    margin-right: -5px;
}

.page-nation li{
	display:inline;
	padding:6px 8px 6px 8px;
	border-right:1px solid #CDCDCD;
}

* html .page-nation li{
	padding-right:3px;
}

*+html body .page-nation li{
	padding-right:3px;
}

.current{
	font-weight:bold;
}

.relational-list .current a{
	color:#666666;
}

.sort-list{
	margin-bottom:10px;
}

.sort-list dt,
.sort-list dd{
	display:inline;
}

.sort-list dd{
	border-right:1px solid #CDCDCD;
	padding-right:8px;
	padding-left:8px;
}


* html .sort-list dd{
	padding-right:5px;
	padding-left:8px;
}

*+html body .sort-list dd{
	padding-right:5px;
	padding-left:10px;
}

/*--------------------
	home
--------------------*/

#ranking{
	border-bottom:1px solid #CDCDCD;
	border-left:1px solid #CDCDCD;
	border-right:1px solid #CDCDCD;
}

#ranking .unit{
	padding:0 15px 5px 15px;
}

#ranking .box-a img.toprank{
	border:1px solid #F1B880;
}

#ranking .box-a img{
	border:1px solid #CDCDCD;
}

#ranking h5{
	clear:both;
	margin-bottom:8px;
	padding-top:15px;
	padding-left:15px;
	border-top:1px solid #CDCDCD;
}

#visual{
	margin-bottom:12px;
}

#top-alpha{
	float:left;
	width:482px;
}

#top-beta{
	float:right;
	width:230px;
}

.banner{
	margin-bottom:6px;
}

.banner dt{
	margin-bottom:5px;
}

.banner dd{
	margin-bottom:15px;
	text-align:center;
}

#top-beta ul{
	margin-bottom:22px;
}

#top-beta li{
	margin-bottom:6px;
}


/*--------------------
	Detail
--------------------*/
.graphic {
	text-align:center;
}
.unit-select {
	margin-bottom:10px;
	padding:13px 15px 0 15px;
	border:3px solid #CDCDCD;
}
.unit-select dt {
	margin-bottom:10px;
}
.unit-select dd {
	padding-bottom:13px;
}

.unit-voice {
	margin-bottom:20px;
}
.unit-voice dl {
	padding:13px;
	border:1px solid #CDCDCD;
	border-top:1px solid #CC3300;
}
#voice .unit-voice dl{
	padding:6px 13px;
}
.unit-voice dt {
	margin-bottom:10px;
	font-weight:bold;
}
.unit-voice dt span{
	display:block;
	margin-bottom:2px;
	font-weight:normal;
	color:#CC3300;
}
.unit-voice p {
	background-color:#EAEBEC;
	margin-left:35px;
	margin-bottom:20px;
	padding:10px;
	border-right:1px solid #CDCDCD;
	border-bottom:1px solid #CDCDCD;
	border-left:1px solid #CDCDCD;
}

p.returncopy {
	padding:20px 18px;
	border-top:1px solid #CDCDCD;
}
.unit-return dl {
	padding:13px;
	border:1px solid #CDCDCD;
	border-top:1px solid #333333;
}
.unit-return dl.returnset {
	background-color:#EAEBEC;
	margin-left:35px;
	padding:10px;
	border-top:none;
	border-right:1px solid #CDCDCD;
	border-bottom:1px solid #CDCDCD;
	border-left:1px solid #CDCDCD;
}
.unit-return dt {
	margin-bottom:6px;
	color:#333333;
}
.unit-return dt span{
	margin-right:5px;
	padding:3px 4px 1px 4px;
	background:#333333;
	color:#FFFFFF;
}
.unit-return dl.returnset dt{
	color:#E27000;
}
.unit-return dl.returnset dt span{
	background:#E27000;
}

/************************************************

	Navigation

************************************************/
#global-nav {
	overflow: hidden;
	display: block; 
}

#new-detail .to-index{
	margin-left:38px;
}

/*--------------------
	Local
--------------------*/

#mypage .local-nav{
	margin:0 -15px 18px -15px;
	border-top:1px solid #CDCDCD;
	border-bottom:1px solid #CDCDCD;
}

#mypage .local-nav li{
	float:left;
	border-right:1px solid #CDCDCD;
}

#mypage #contents .local-nav li a{
	display:block;
	background-position:13px 50%;
	padding:10px 15px 10px 23px;
}

#mypage .local-nav li.current{
	font-weight:bold;
	border-bottom:2px solid #AF8E24;
}

/*--------------------
	Topic Path
--------------------*/

#topic-path {
	list-style:none;
	margin:0 0 13px 0;
	padding:0;
}

#topic-path li {
	display:inline;
	background:url(/common/images/icon/arrow_topic.gif) 5% 45% no-repeat;
	padding-left:12px;
}

/*
#topic-path li a {
	background:url(/common/images/icon/arrow_topic.gif) 95% 45% no-repeat;
	padding-right:12px;
}
*/

#topic-path li#first-path {
	background:none;
	padding-left:0;
}


/*--------------------
	List
--------------------*/

.i-list{
	border-top:1px solid #CDCDCD;
}

.link-list li,
.i-list li{
	padding:14px 17px;
	border-left:1px solid #CDCDCD;
	border-right:1px solid #CDCDCD;
	border-bottom:1px solid #CDCDCD;
	
}

.sup-list{
	margin-top:10px;
}

.relational-list{
	margin-bottom:12px;
	padding:12px;
	border-bottom:1px solid #CDCDCD;
}

.relational-list li{
	margin-bottom:5px;
}

/*--------------------
	Icon
--------------------*/

#beta-block dd a,
#header .hbox-b li a,
.help-link a,
#mypage .local-nav li a,
.sp-nav dd a{
	background:url(/common/images/icon/arrow0.gif) 0 45% no-repeat;
	padding-left:8px;
}
#voice td ul li a{
	background:url(/common/images/icon/arrow_voicecate.gif) 0 45% no-repeat;
	padding-left:12px;
}
#voice td ul li.cr a{
	background:url(/common/images/icon/arrow_voicecate_cr.gif) 0 45% no-repeat;
	padding-left:12px;
}

#mypage .local-nav li.current a{
	display:block;
	background:none;
	text-decoration:none;
}

#voice td ul li.current a{
	background:url(/common/images/icon/arrow1_red.gif) 0 45% no-repeat;
	color:#CC3300;
	font-weight:bold;
	text-decoration:none;
}

#beta-block .category th a,
#beta-block .budget li a,
.check-dust dd a,
.link-list li a,
.relational-list li a{
	/*background:url(/common/images/icon/arrow1.gif) 0 50% no-repeat;*/
	background:url(/common/images/icon/arrow1.gif) 0 0.3em no-repeat;
	padding-left:10px;
}

.to-index a{
	background:url(/common/images/icon/arrow_back.gif) 0 50% no-repeat;
	padding-left:10px;
}

.prev a{
	background:url(/common/images/icon/prev.gif) 0 50% no-repeat;
	padding-left:10px;
}

.page-nation .next{
	border-right:0;
}

.page-nation .next a{
	background:url(/common/images/icon/next.gif) 100% 50% no-repeat;
	padding-right:10px;
}

.help-link{
	margin-top:15px;
	text-align:center;
}

.help-link li{
	display:inline;
	padding-right:10px;
}

/*zoom*/

.gallery a{
	background:url(/common/images/icon/icon_zoom.gif) 0 1px no-repeat;
	padding:2px 0 2px 22px;
}

.blank a{
	background:url(/common/images/icon/icon_blank.gif) 0 1px no-repeat;
	padding:2px 0 2px 22px;
}

/*usr*/

.usr{
	background:url(/common/images/icon/icon_usr.gif) 4px 4px no-repeat;
	margin:3px 0;
	padding:1px 0 2px 15px;
}

/*new*/
.new {
	background:url(/common/images/icon/icon_new.gif) 0 2px no-repeat;
	padding-left:26px;
}

/*product*/

.unit-icon {
	margin-bottom:10px;
}
.unit-icon li {
	display:inline;
 padding-right:5px:
}

/*PDF*/
.pdf {
}

/*Mail*/
.mailto {
}

/*Cross Site*/
.external {
}

/*--------------------
	Anchor
--------------------*/
.page-anchor {
}

/*--------------------
	Page to Top
--------------------*/
.to-top {
	text-align:right;
}

/*--------------------
	More
--------------------*/
.more {
	margin-top:10px;
}

#news .more{
	margin-right:12px;
	text-align:right;
}

#ranking .more{
	margin-top:5px;
}


/************************************************

	Layout Block

************************************************/

/*--------------------
	Section
--------------------*/
.section,
.note {
	clear:both;
	margin-bottom:22px;
}

.note{
	padding-top:10px;
}


#recipe-detail .section{
	margin-bottom:30px;
}

#regular .section{
	margin-bottom:30px;
}

#media .section{
	margin-bottom:30px;
}

#qa-detail .section{
	margin-bottom:30px;
}

#item .section{
	margin-bottom:30px;
	padding-top:30px;
	border-top:1px solid #CDCDCD;
}

#item .lead-section,
#item .last-section{
	padding:0 25px;
}


#item .lead-section{
	margin-bottom:10px;
}

#item .lead-section .att-msg{
	margin:25px 0 50px 0;
	padding:10px;
	border:none;
}

#item .lead-section .att-msg p{
	margin-bottom:20px;
}

#item .lead-section .att-msg form{
	padding:7px 15px;
	background:#EAEBEC;
}

#item .lead-section .att-msg input#search{
	clear:both;
	margin-right:8px;
	width:300px;
	float:none;
}

#item .last-section{
	border-top:1px solid #CDCDCD;
	padding-top:10px;
	margin-bottom:10px;
}

#detail #htmla {
	padding:0;
}

.redource-c .section{
	padding:0;
	border:3px solid #EAEBEC;
}

.redource-c .section .inner{
	padding:0 15px 20px 15px;
	border:1px solid #DCD156;
}

.redource-d .section{
	padding:0;
	border:3px solid #EAEBEC;
}

.redource-d .section .inner{
	padding:15px 15px 20px 15px;
}

.inner-padding{
	padding:2px 13px 15px 13px;
}

/*--------------------
	Unit
--------------------*/

.note-inner {
	padding:20px 28px;
	border-top:1px solid #CDCDCD;
	border-bottom:1px solid #CDCDCD;
}

.note-inner p#otherlink {
	margin-top:10px;
}

.unit{
	margin-bottom:25px;
}

#ranking .unit{
	margin-bottom:15px;
}

.unit-p{
	margin:0 auto;
	width:250px;
}

.unit-scroll{
	overflow:scroll;
	padding:10px;
	height:150px;
	border:1px solid #A5ACB2;
}

.unit-line{
	border:1px solid #CDCDCD;
}

#regular .unit-line{
	min-height:200px;
	_height:220px;
}

.unit-h{
	margin-bottom:20px;
}

/*--------------------
	Box
--------------------*/

.segment-block{
	border:1px solid #505867;
}

#zerta-block .segment-block{
	margin-bottom:18px;
}

#alpha-block .unit-line .box{
	padding:0 15px 15px 15px;
}

#alpha-block .unit-line .box ul{
	margin-top:10px;
}

.page-nation .box-a,
.unit-a .box-a,
.unit-a .box-0,
.unit-b .box-a,
.unit-b .box-b,
.unit-b .box-c,
.unit-b .box-d,
.unit-c .box-a,
.unit-g .box-a,
.unit-h .box-a,
.unit-b,
.box-e,
.unit-f .box-0,
#ranking .box-a{
	float:left;
}

.page-nation .box-b,
.unit-a .box-b,
.unit-a .box-1,
.unit-c .box-b,
.unit-f .box-1,
.unit-g .box-b,
.unit-h .box-b,
#ranking .box-b{
	float:right;
}

.unit-a .box-a,
.unit-a .box-b{
	width:375px;
}

.unit-line .unit-a .box-a{
	width:335px;
}
.unit-line .unit-a .box-b{
	width:305px;
}

#qa .unit-a .box-a,
#qa .unit-a .box-b {
	margin-bottom:20px;
}

#gamma-block .unit-a .box-a,
#gamma-block .unit-a .box-b {
	width:325px;
}

.unit-a .box-0 {
	width:166px;
}



.unit-a .box-0 a:hover img {
    border: 3px solid #F28340;
}
.unit-a .box-0 a img {
    border: 3px solid #111111;
}

.unit-a .box-1 {
	width:190px;
}

.unit-b{
	background:url(/common/images/gradetion_mat.png) 0 0 repeat-x;
	padding:15px 0 15px 26px;
}

#top-alpha .unit-b{
	padding-left:15px;
}

.unit-b .box-a,
.unit-b .box-b,
.unit-b .box-c,
.unit-b .box-d,
.unit-b .box-e {
	width:120px;
}


#top-alpha .unit-b .box-a,
#top-alpha .unit-b .box-b,
#top-alpha .unit-b .box-c{
	width:138px;
}

.unit-b p img,
.unit-d dt img{
	padding:2px;
	border:1px solid #CDCDCD;
}

.unit-b p.more img {
	padding:0;
	border:0;
}

.unit-b .box-a, .unit-b
.box-b, .unit-b .box-c,
.unit-b .box-d {
	margin-right:20px;
}

#top-alpha .unit-b .box-c{
	margin-right:0;
}

.unit-c{
	padding:0 12px;
}

.unit-c .box-a{
	width:212px;
}

.unit-c .box-a img{
	border:1px solid #CDCDCD;
}

.unit-c .box-b{
	width:440px;
}
,
#ranking .box-a{
	width:82px;
}

#ranking .box-b{
	width:110px;
}

.unit-d .box-a,
.unit-d .box-b,
.unit-d .box-c,
.unit-d .box-d{
	float:left;
	width:160px;
}

.unit-d .box-a,
.unit-d .box-b,
.unit-d .box-c{
	margin-right:19px;
}

.unit-f .box-0{
	width:134px;
}

.unit-f .box-1{
	width:500px;
}

.unit-h .box-a,
.unit-h .box-b{
	width:270px;
}
/*--------------------
	table
--------------------*/

td.ct,
h4.ct{
	text-align:center;
}

th.rgh,
td.rgh{
	text-align:right;
}

td.names{
	width:220px;
}

td.namesw{
	width:320px;
}

td.middle{
	width:110px;
}

td.nameslw{
	width:370px;
}

.redource-c td.nameslw{
	width:340px;
}

.table-a td.price{
	width:70px;
}

#mypage .table-a td.price{
	width:110px;
}

td.tel{
	white-space:nowrap;
}

td ul li{
	margin-bottom:5px;
}

/*table a*/

.redource-a .table-a,
.redource-c .table-a,
.redource-e .table-a{
	margin-left:1px;
	margin-top:1px;
	width:663px;
}

.redource-d .section table{
	width:750px;
}

.redource-d .section .unit-p table{
	width:auto;
}

.redource-c .segment-block .table-a{
	width:659px;
}

* html .redource-c .segment-block .table-a{
	margin-left:0px;
	width:660px;
}

.table-a{
	border-top:1px solid #CDCDCD;
	border-right:1px solid #CDCDCD;
}

#voice .table-a{
	margin-bottom:10px;
	width:698px;
}

#voice .table-a th{
	width:75px;
	font-weight:bold;
}

#voice .table-a th,
#voice .table-a td{
	padding:10px;
}

#voice .table-a td td{
	border:none;
	padding:5px;
}

#past{
	margin:18px 0;
}

#zerta-block .table-a{
	margin:1px 0 0 1px;
	width:345px;
}

#law .table-a,
#company .table-a{
	width:698px;
}

#zerta-block .table-a th{
	padding:0;
}

#law .table-a th{
	width:150px;
}
#company .table-a th{
	width:90px;
}

#zerta-block .table-a td{
	padding:4px;
}

#zerta-block .table-a td.ct{
	width:130px;
}

#zerta-block .table-a td.option{
	background-color:#EDEEF0;
}

#zerta-block .table-a td.option dt{
	font-weight:bold;
}

#zerta-block .table-a td.option dt.optr{
	font-weight:normal;
}

#zerta-block .table-a td.option dd{
	margin-bottom:5px;
}

#zerta-block .table-a td.option input{
	width:120px;
}

#zerta-block .table-a td.option .price{
	color:#CC0000;
	text-align:left;
}

#zerta-block .table-a td strong{
	display:block;
	margin-bottom:5px;
	color:#000000;
}

#zerta-block .table-a td.ct strong{
	margin-top:10px;
}

.table-a th,
.table-a td{
	padding:4px 8px;
	border-bottom:1px solid #CDCDCD;
	border-left:1px solid #CDCDCD;
}

#mypage .table-a th,
#mypage .table-a td{
	padding:8px;
}


#law .table-a th,
#law .table-a td,
#company .table-a th,
#company .table-a td{
	padding:12px;
}

.table-a th{
	background-color:#EDEEF0;
}

#zerta-block th{
	text-align:center;
}

thead th.lef{
	text-align:left;
}

#shopping .table-a tbody th{
	width:145px;
}

#shopping .table-a tbody th.short{
	width:110px;
}

#mypage .table-a tbody th.short{
	width:150px;
}

.table-a tr.row-a th,
.table-a tr.row-a td{
	background-color:#FAF4E2;
}

.table-a tr.row-b th,
.table-a tr.row-b td {
	background-color:#DCDEE1;
}

thead tr.row-b th{
	text-align:left;
}

.table-a tr.row-c th,
.table-a tr.row-c td{
	background-color:#505867;
	color:#FFFFFF;
	font-weight:bold;
}

.table-a tr.row-d th,
.table-a tr.row-d td{
	background-color:#EDEEF0;
}

.table-a tr.row-d th{
	font-weight:bold;
}

.table-a tr.row-d td span{
	margin-left:5px;
	font-size:85%;
	background:transparent url(/common/images/icon/arrow_guide.gif) no-repeat scroll 0 45%;
	padding-left:10px;
}


.redource-d .section .unit-p th{
	text-align:right;
}

/*table b*/

#detail .table-b {
	/*margin-bottom:20px;*/
}
.table-b th, .table-b td {
	padding:6px;
}
.table-b th {
	background:url(/common/images/icon/arrow1.gif) 100% 0.9em no-repeat;
	padding-right:15px;
}
.table-b td img {
	padding-right:4px;
}

/*table-c*/

.box-a .table-c{
	margin:0 auto;
	width:280px;
}

.table-c th{
	padding:4px 10px;
	font-weight:bold;
}

/*table-d*/

.table-note .table-d{
	margin-bottom:10px;
}

.table-d th{
	padding:4px 10px 4px 0;
	font-weight:bold;
	font-weight:normal;
}

.table-e th,
.table-e td{
	padding:5px 10px 5px 0;
}

.table-e th{
	padding-right:20px;
}

td.td-btn{
	padding-left:15px;
}

/*table-f*/

#new .table-f{
	margin:15px 0;
	width:696px;
	border-top:1px solid #CDCDCD;
}


.table-f th,
.table-f td{
	padding:12px 10px 12px 15px;
	border-bottom:1px solid #CDCDCD;
}

.table-f th{
	width:88px;
	text-align:left;
	vertical-align:top;
}

.table-f th img{
	vertical-align:middle;
	padding-left:5px;
}

/*nest table*/

body #container #gamma-block table table{
	margin-top:10px;
}

body #container #gamma-block table table th{
	background-color:#FFFFFF;
	width:auto;
	text-align:right;
	font-weight:bold;
}

body #container #gamma-block table table{
	border:0;
}

body #container #gamma-block table table th,
body #container #gamma-block table table td{
	padding:4px;
	border:0;
}

/*table-g*/

.table-g td{
	vertical-align:top;
	padding:3px;
}
/*table-i*/
.table-i{
	width:100%;
}
.table-i th{
	vertical-align:middle;
	text-align:center;
	padding:3px;
	background-color:#E7E7E7;
}
.table-i td{
	vertical-align:middle;
	text-align:center;
	padding:3px;
	background-color:#F5F5F5;
}
.table-i td.c01{
	background-color:#A6D2A6;
}
.table-i td.c02{
	background-color:#6cc;
}
.table-i td.c03{
	background-color:#77BCDD;
}
/*table-j*/
.table-j{
	width:100%;
}
.table-j th{
	vertical-align:middle;
	text-align:center;
	padding:3px;
	background-color:#FCC;
}
.table-j td{
	vertical-align:middle;
	text-align:center;
	padding:3px;
	background-color:#F5F5F5;
}

/*msg-box*/

.complete table{
	margin-bottom:50px;
	width:418px;
	border:1px solid #505867;
}

.complete th{
	background-color:#505867;
	width:95px;
	color:#FFFFFF;
	font:bold;
}

.complete th,
.complete td{
	padding:6px;
}

.complete td{
	text-align:left;
}

/*image*/
.floating-img{
	float:right;
	padding-left:30px;
	padding-right:13px;
}

/************************************************

	Heading

************************************************/


#contents h2 {
    position: relative;
    margin: 15px 0px 15px;
}


h2{
	clear:both;
}

#title-a{
	background:url(/common/images/title_a.png) 0 100% repeat-x;
	margin-bottom:30px;
	padding:20px 30px;
	font-weight:normal;
}

#item #title-a{
	margin-bottom:15px;
}

#title-b{
	margin-bottom:35px;
}

#title-c{
	margin-top:25px;
	margin-bottom:30px;
}

#zerta-block h1{
	margin-bottom:16px;
}

.heading-a,
.heading-b{
	margin-bottom:20px;
}

#mypage .heading-a{
	margin:0 -15px 10px -15px;
	padding:18px 15px 0 15px;
	border-top:1px solid #CDCDCD;
}

.heading-c,
.unit-b h4{
	margin-bottom:10px;
	font-weight:normal;
	font-size:85%;
}

#rabking .heading-c{
	margin-bottom:5px;
}

.heading-d{
	margin-bottom:20px;
}

.unit-b h4{
	margin-top:20px;
}

.heading-d{
	background-color:#EAEBEC;
	margin-bottom:15px;
	padding:10px 15px;
}

.heading-e{
	background:url(/common/images/icon/icon_balloon.gif) 10px 2px no-repeat;
	padding-bottom:10px;
	padding-left:32px;
	color:#047195;
	border-bottom:1px solid #047195;
}
.heading-f{
	margin-bottom:13px;
	padding:13px 13px 10px 13px;
	border-bottom:1px solid #CDCDCD;
}

.heading-f img{
	padding-right:6px;
	vertical-align:middle;
}

.complete h3{
	margin-bottom:10px;
	padding:20px;
	border:1px solid #CDCDCD;
}

#mypage .complete h3{
	margin:70px 0;
}

#mypage .complete h3{
	margin:70px 0;
}

#mypage .complete h3.taikai,
#mypage .complete h3.ps{
	margin-bottom:20px;
}

.redource-d .complete p,
.redource-e .complete p{
	margin-bottom:70px;
}

.heading-g{
	margin-bottom:10px;
}

.heading-g span{
	font-weight:normal;
}

#mypage .heading-g{
	margin-top:15px;
}

.heading-h{
	margin-bottom:10px;
}

.heading-i{
	background:#FAEAE5 url(/common/images/icon/icon_balloon_red2.gif) 18px 50% no-repeat;
	margin-bottom:15px;
	padding:10px 15px 10px 40px;
	color:#CC3300;
	border:1px solid #F5D7CE;
}

.heading-j{
	margin-bottom:30px;
}

.heading-i span.cdata{
	background:url(/common/images/icon/arrow_voice.gif) 100% 50% no-repeat;
	padding-right:16px;
}

.heading-i span.ch{
	padding-left:10px;
}

.heading-k{
	background:#4a3723 url(/mobilesite/images/tit_bg.jpg) 0 0 repeat-x;
	margin-bottom:15px;
}

.heading-n{
	background:url(/common/images/icon/icon_site.jpg) 10px 2px no-repeat;
	padding-bottom:10px;
	padding-left:32px;
	color:#2b6409;
	border-bottom:1px solid #2b6409;
}

.index-a,
.index-b,
.index-c{
	padding-bottom:3px;
}

.index-a,
.index-b{
	/*border-bottom:1px solid #505867;*/
}

.index-a,
.index-c{
	padding-bottom:2px;
	/*border-bottom:1px solid #AF8E24;*/
}

.index-d{
	margin-bottom:10px;
}

.index-a span,
.index-b span{
	background-color:#505867;
	padding:6px 12px;
	color:#FFFFFF;
}

.index-c span{
	background-color:#AF8E24;
	padding:6px 12px;
	color:#FFFFFF;
}

.index-a span,
.index-b span,
.index-c span{
	float:left;
	margin-right:5px;
}

.index-b input{
	float:left;
}

.index-e{
	margin-bottom:8px;
}

.unit-voice h3{
	background:url(/common/images/icon/icon_balloon_red.gif) 10px 2px no-repeat;
	padding-bottom:12px;
	padding-right:12px;
	padding-left:32px;
	color:#CC3300;
}

.unit-voice h3 span {
	float:left;
}

.unit-voice h3 a{
	float:right;
	background:url(/common/images/icon/arrow1.gif) 0 45% no-repeat;
	padding-left:12px;
	font-weight:normal;
}

.sindex-a{
	margin-bottom:10px;
	color:#AA0000;
}

#zerta-block .sindex-a{
	margin-bottom:20px;
}

.sindex-b{
	background-color:#D9D9D9;
	padding:8px 15px;
}

.sindex-c{
	background-color:#EDEEF0;
	padding:8px 15px;
}

.sindex-d{
	background-color:#505867;
	padding:8px 15px;
	color:#FFFFFF;
}

.sindex-e{
	margin-bottom:5px;
	font-weight:normal;
}

/*unit-scroll*/

.unit-scroll h3{
	margin-bottom:18px;
}

.unit-scroll h4{
	margin-bottom:10px;
}

.unit-scroll p,
.unit-scroll ul,
.unit-scroll ol,
.unit-scroll dl{
	margin-bottom:15px;
}

.unit-scroll ol{
	margin-left:30px;
}

.unit-scroll ul{
	list-style:disc;
	margin-left:29px;
}

#ranking h6{
	margin-bottom:2px;
}


/************************************************

	LaText Decoration

************************************************/

.must{
	color:#AA0000;
}

.lead {
	margin-bottom:10px;
}

#voice .lead{
	margin-bottom:15px;
	margin-left:18px;
}

.lead-line{
	margin-bottom:15px;
	padding-bottom:18px;
	border-bottom:1px solid #CDCDCD;
}

#shopping .box-a .lead{
	padding-bottom:10px;
	border-bottom:1px solid #CDCDCD;
}

.mbstyle {
	margin-bottom:100px;
}

.table-note{
	margin:10px;
}

.or{
	background-color:#EAEBEC;
	padding:10px;
	text-align:center;
	border-right:1px solid #A5ACB2;
	border-bottom:1px solid #A5ACB2;
	border-left:1px solid #A5ACB2;
}

.price{
	margin:5px 0 10px;
	color:#CC0101;
	font-size:85%;
	font-weight:bold;
}
.unit-b .price, .table-b .price,
#item .price, #ranking .price{
	text-align:left;
}

.table-a .price{
	color:#990000;
}

#top-alpha .price{
	margin-top:8px;
}

.table-b .price #price span{
	color:#666666;
}

#zaiko,
#pricemsg{
	padding:6px;
	color:#AA0000;
}

#zaiko strong#zaikonum{
	margin:0 4px;
}

/************************************************

	Form Elenments

************************************************/

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

#regular .button{
	margin-top:0;
}

.buttons {
	background-color:#EAEBEC;
	padding:5px;
	text-align:center;
}
.buttons li {
	display:inline;
	padding:0 3px;
}

.buttons p{
	font-weight:bold;
	color:#CC0000;
	margin-top:3px;
	margin-bottom:5px;
}


/************************************************

	ETC

************************************************/

#main_img{
	padding-bottom:30px;
}

.date{
	padding:15px 20px;
	border:3px solid #CDCDCD;
}

.desc{
	margin:12px 0;
}


#rimage{
	padding-bottom:10px;
}

.mb{
	margin-bottom:15px;
}

.mbm{
	margin-bottom:10px;
}

.mbs{
	margin-bottom:5px;
}

.vcard{
	border-left:5px solid #666666;
	padding-left:8px;
}


.side_bnr a:hover img,
.box-0 a:hover img,
.items  a:hover img,
.more  a:hover img,
.side_nav a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}


/************************************************

	Clear

************************************************/

.you-can-doit,
#voice td ul,
.flow-list2,
.local-nav,
.page-nation,
.index-c,
.flow-list,
.unit-voice h3,
.index-d,
.index-b,
.index-a,
.section,
.inner,
.unit,
.unit-g,
.unit-f,
.unit-c,
.unit-b,
.unit-a,
.unit-h,
.box,
.unit-head,
.plugin,
.page-nation,
#contents,
#header-inner,
.staff-com,
.unit-recd{
	zoom:1;
}

.you-can-doit:after,
#voice td ul:after,
.flow-list2:after,
.local-nav:after,
.page-nation:after,
.index-c:after,
.flow-list:after,
.unit-voice h3:after,
.index-b:after,
.index-a:after,
.section:after,
.inner:after,
.unit:after,
.unit-g:after,
.unit-d:after,
.unit-c:after,
.unit-b:after,
.unit-a:after,
.unit-h:after,
.box:after,
.unit-head:after,
.plugin:after,
.page-nation:after,
#contents:after,
#header-inner:after,
.staff-com:after,
.unit-recd:after{
	content: "";
	display: block;
	clear: both;
	height: 0px;
	overflow: hidden;
}

* html .you-can-doit,
* html #voice td ul,
* html .flow-list2,
* html .local-nav.
* html .page-nation,
* html .index-c,
* html .flow-list,
* html .unit-voice h3,
* html .index-b,
* html .index-a,
* html .section,
* html .inner,
* html .unit,
* html .unit-g,
* html .unit-d,
* html .unit-c,
* html .unit-b,
* html .unit-a,
* html .unit-h,
* html .box,
* html .unit-head,
* html .plugin,
* html .page-nation,
* html #contents,
* html #header-inner,
* html .staff-com,
* html .unit-recd{
	height: 1em;
	overflow: visible;
}
/* or */
.clear,
#voice td ul{
	clear:both;
}
/************************************************

	Base Skin

************************************************/


/*--------------------
	header 
--------------------*/
#header {
	margin: 0 auto;
    width: 980px;
	color:#999999;
}
#head_wrap {
    position: relative;
    width: auto;
    height: 489px;
    background-image: url('https://image.rakuten.co.jp/arizuki-r/cabinet/images/header/header.gif');
}

/*site id*/
#site-id{
	float:left;
	width:247px;
	margin-left:-5px;
	/*padding-right:25px;*/
	/*padding-top:10px;*/
}
.head_box {
    float: right;
    width: 640px;
	margin-top:8px;
}
.head_box p {
	color:#FFF;
	padding-bottom:7px;
	text-align: right;
}
.head_box_bnr {
	padding:5px 0;
	text-align: right;	
}
#primay {
	background-color:#EAEBEC;
}
.hnavi {
	float: left;
	font-size: 12px;
	padding-top: 10px;
	line-height: 200%;
}
.hnavi ul li {
	background: url('https://image.rakuten.co.jp/arizuki-r/cabinet/images/left/ico_triangle.gif') no-repeat scroll 18px 8px transparent;
	padding-left: 30px;
	width: 70px;
	
}

/*--------------------
	side
--------------------*/

#search, .box_line, .side_nav {
    margin-bottom: 12px;
}
.side_bnr {
    margin-bottom: 6px;
}
.side_nav ul{
    padding: 11px 0px 11px 10px;
    line-height: 2em;
}

.side_nav ul li {
	background: url('https://image.rakuten.co.jp/arizuki-r/cabinet/images/left/ico_triangle.gif') no-repeat scroll 15px 6px transparent;
	padding-left: 30px;
	width: 200px;
	
}

ul.side_category li {
	background: none;
	padding-left: 0;
	width: 188px;
}

.box_line,
.side_nav ul,
.side_category {
	background-color: #FFF;
	border:solid #000000 1px;
}


.box_line{
	padding: 11px 0px 11px;
	text-align:center;
	}
	
.box_line .inputbtn{
	padding-top:5px;
	}

	




/*--------------------
	Sidebar
--------------------*/

#beta-block #function {
	background:url(/common/images/side/sidemat_btm.gif) 0 100% no-repeat;
	margin-bottom:20px;
}

#beta-block #function .inner {
	background:url(/common/images/side/sidemat_top.gif) 0 0 no-repeat;
	padding:12px;
}

#beta-block #function .msg dl {
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px solid #CDCDCD;
}

#beta-block #function h3, #beta-block #function p {
	margin-bottom:6px;
}

#beta-block #function p.point-msg{
	padding:8px 0 4px 0;
	background-color:#FAF4E2;
	text-align:center;
	border:1px solid #F5E9C8;
	font-weight:bold;
	color:#990000;
}

#beta-block #function p.point-msg span{
	margin:0 0 0 3px;
	font-weight:normal;
}

#beta-block #function p.point-msg img {
	padding:0 0 2px 0;
	vertical-align:baseline;
}

#beta-block #function h3 {
	font-weight:normal;
}

#beta-block #function h3 a {
	font-weight:bold;
}

#beta-block #function h4 {
	margin-bottom:3px;
	text-align:center;
}

#beta-block #function .cart p {
	background-color:#DBE6D2;
	margin:0 -8px 5px -8px;
	padding:4px;
	text-align:center;
}

#beta-block #function table {
	margin-bottom:5px;
	width:176px;
}

#beta-block #function table th, #beta-block #function table td {
	border-bottom:1px dashed #C6C9CC;
}

#beta-block h3 {
	margin-bottom:10px;
}

#beta-block .category h4 {
	background-color:#233545;
	padding:6px 8px;
	color:#FFFFFF;
}

#beta-block .category h4 img {
	margin-top:1px;
	margin-right:5px;
}

#beta-block .category {
	margin-bottom:20px;
}

* html #beta-block .budget {
 height:1%;
}

#beta-block .category {
	border:1px solid #CDCDCD;
}

#beta-block .category table {
	width:200px;
}

#beta-block .category th, #beta-block .category td {
	padding:8px;
	border-bottom:1px solid #CDCDCD;
}

#beta-block .category th {
	width:128px;
}

#beta-block .category td {
	width:40px;
}

#beta-block .budget {
	border-top:1px solid #CDCDCD;
}

#beta-block .budget li {
	padding:10px;
	border-bottom:1px solid #CDCDCD;
	border-right:1px solid #CDCDCD;
	border-left:1px solid #CDCDCD;
}

#beta-block .banners {
	margin-top:20px;
}

#beta-block .banners li {
	margin-bottom:6px;
}

#beta-block .category th, #beta-block .budget ul {
	font-weight:bold;
}

/************************************************

	Link Color

************************************************/

a:link,
.local-nav a:visited{
/* color:#505867; */
color:#405090;
}

a:visited{
/* color:#505867; */
color:#405090;
}

a:hover{
/* color:#005DA0; */
color:#ff6600;
}

a:active{
/* color:#505867; */
color:#405090;
}

#beta-block .category h4 a {
	color:#FFFFFF;
	text-decoration:none;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (https://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - https://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - https://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit https://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}