@charset "UTF-8";

/* ===========================================================
Style For Basic Layout
=========================================================== */
#wrapbg{
	background:url(/img/common/bg_wrapper_01.gif) repeat-y center top;
	min-height:904px;
  /height:auto !important;
  /height:904px;
}

#wrapbg02{
	/*
	background:url(/img/common/bg_wrapper_01.gif) repeat-y center top;
	*/
}

/* wrapper
------------------------------------------------------------*/
#wrapper {
	width: 100%;
	text-align: left;
}

/* globalHeader
------------------------------------------------------------*/
#globalHeader {
	width: 930px;
	margin: 0 auto 12px;
}

#globalHeader #headerCnt {
	width:930px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}

#globalHeader #headerCnt #logoArea{
	float:left;
	display:inline;
	width:380px;
	padding-top:8px;
	overflow:hidden;
	zoom:1;
}

#globalHeader #headerCnt #logoArea h1{
	float:left;
	height: 85px;
	display:inline;
	/*margin-right:30px;*/
	margin-right:14px;
}

#globalHeader #headerCnt #logoArea .clickImg{
	float:left;
	display:inline;
	width:auto;
	padding:0 !important;
}
#globalHeader #headerCnt #logoArea .clickImg a {
	outline: none;
}

#globalHeader #headerCnt #logoArea p{
	float:right;
	display:inline;
	width:200px;
}

#globalHeader #headerCnt #btnNav{
	float:right;
	display:inline;
	width:540px;
	padding-top:12px;
	line-height:1;
	overflow:hidden;
	zoom:1;
}

#globalHeader .nav {
	margin-bottom: 10px;
	padding-top: 4px;
	text-align: right;
}
#globalHeader .nav.-middle{
	padding-top: 0;
	margin-bottom: 7px;
}
#globalHeader .nav.-none{
	padding-top: 0;
	margin-bottom: 0;
}
#globalHeader .nav li{
	float: left;
	margin-left: 14px;
}
#globalHeader .nav li:first-child{
	margin-left: 0;
}
#globalHeader .nav .nav-middle{
	padding-top: 3px;
}
#globalHeader .nav .nav-english{
	margin-left: 16px;
}
#globalHeader .nav .nav-sitemap{
	margin-left: 13px;
}
#globalHeader .nav .nav-guide{
	margin-left: 36px;
}
#globalHeader .nav li a:hover {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}

#globalHeader #headerCnt #btnNav .nav02 .searchBox{
   margin:0 5px 0 0;
	 padding:2px 0;
	 width:140px;
	 font-size:12px;
	 line-height:1em;
}

#globalHeader #headerCnt #btnNav .guide{
	padding-top: 2px;
	overflow:hidden;
	zoom:1;
}

#globalHeader #headerCnt #btnNav .guide li{
	float:left;
	margin-left: 3px;
	font-size:0;
}
#globalHeader #headerCnt #btnNav .guide .first{
	margin-right: 6px;
}
#globalHeader #headerCnt #btnNav .guide li:first-child {
	margin-left: 0;
}

#globalHeader #headerCnt #btnNav .guide li img.size_s,
#globalHeader #headerCnt #btnNav .guide li img.size_m,
#globalHeader #headerCnt #btnNav .guide li img.size_l {
	cursor:pointer;
}

#globalNav{
	margin-top:7px;
}

#globalNav ul{
	overflow:hidden;
	zoom:1;
}

#globalNav ul li{
	float:left;
	display:inline;
}


/* sidePane
------------------------------------------------------------*/
#sidePane{
	float:left;
	width:200px;
	margin:0;
}

#sidePane.otherNavi ul{
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:10px 0;
}

#sidePane h2{
	text-align:center;
}

#sidePane .caution {
	margin-bottom: 10px;
}

#sidePane #alert{
	position:relative;
	border:1px solid #cccccc;
	margin-bottom:10px;
	padding:5px;
	color:#333333;
}

#sidePane #alert dt{
	margin-bottom:10px;
}

#sidePane #alert dd{
	font-size:10px;
	color:#f8415f;
}

#sidePane #alert p{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
	zoom:1;
}

#sidePane #alert p a{
	display:block;
	text-decoration:none;
}

#sidePane #alert p span.r01{
	color:#e60012;
}
#sidePane #alert p.r02{
	position:absolute;
	top:21px;
	right:15px;
	letter-spacing:-1px;
	font-size:18px;
	color:#e60012;
}

#sidePane #brand{
	width:198px;
	border:1px solid #cccccc;
	margin-bottom: 9px;
	color:#f8415f;
}

#sidePane #brand ul{
	background:url(/img/top/bg_top_brand.gif) repeat-y;
	padding:16px 11px 0 10px;
	overflow:hidden;
	zoom:1;
}

#sidePane #brand ul li{
	float:left;
	display:inline;
	margin:0 6px 17px 0;
}

#sidePane #brand ul li.stopFirst{
	margin:0 0 17px 0;
}

/* 1段（3件）表示用 start */
#sidePane #brand ul{
	background:url(/img/top/bg_top_brand.gif) repeat-y left -6px;
	padding:10px 11px 0 10px;
}
#sidePane #brand ul li{
	margin:0 6px 8px 0;
}
#sidePane #brand ul li.stopFirst{
	margin:0 0 8px 0;
}
/* 1段（3件）表示用 end */


#sidePane #brand ul li.line02{
	float:left;
	display:inline;
	margin:0 6px 5px 0;
}

#sidePane #brand ul li.stop{
	margin:0 0 5px 0;
}



#sidePane #recruit{
	margin-bottom:12px;
}

#sidePane #recruit p{
	padding:0;
}

#sidePane #whatsNew{
	width:198px;
	border:1px solid #cccccc;
	margin-bottom:14px;
}
#sidePane #whatsNew h2 {
	position:relative;
	width:198px;
}
#sidePane #whatsNew h2 .btn_rss {
	position:absolute;
	right:0;
	top:0;
}

#sidePane #whatsNew dl{
	padding:10px;
}

#sidePane #whatsNew dl dt{
	font-weight:bold;
	color:#333333;
}

#sidePane #whatsNew dl dd{
	border-bottom:1px dotted #666666;
	padding-bottom:5px;
	color:#666666;
}

#sidePane #news{
	width:198px;
	border:1px solid #cccccc;
}

#sidePane #news h2 {
	position:relative;
	width:198px;
}
#sidePane #news h2 .btn_rss {
	position:absolute;
	right:0;
	top:0;
}

#sidePane #news dl{
	padding:10px;
}

#sidePane #news dl dt{
	font-weight:bold;
	color:#333333;
}

#sidePane #news dl dd{
	border-bottom:1px dotted #666666;
	padding-bottom:5px;
	color:#666666;
}

#sidePane .tit{
	margin-bottom:7px;
	padding:0;
}

#sidePane #sNavi li{
	margin-bottom:5px;
}

#sidePane #sNavi li.separate{
	border-bottom:1px solid #cccccc;
	margin-bottom:9px;
	padding-bottom:9px;
}

#sidePane #sNavi01{
	margin-left:10px;
	font-size:0;
}

#sidePane #sNavi01 li{
	margin-bottom:5px;
}

#sidePane #sNavi01 li.separate{
	border-bottom:1px solid #cccccc;
	margin-bottom:9px;
	padding-bottom:9px;
}

#sidePane.sideCp div{
  border: 1px solid #CCCCCC;
  color: #F8415F;
  margin-bottom: 15px;
  width: 198px;
}

#sidePane.sideCp div dl{
	padding:0 11px 0 10px;
	overflow:hidden;
	zoom:1;
}

#sidePane.sideCp div dl dt{
	color:#cc0000;
	font-weight:bold;
	padding-bottom:5px;
}
#sidePane.sideCp div dl dt a{
	color:#c00;
}

#sidePane.sideCp div dl dd{
  background: url(/img/fan_voice/backnumber/line_dot_01.gif) repeat-x scroll center bottom transparent;
  color: #333333;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#sidePane.sideCp div dl dd.last{
  background:none;
}

/* side backnumber
----------------------------------------*/
#sidePane #bNumber{
	width:198px;
	border:1px solid #cccccc;
	margin-bottom:15px;
	color:#f8415f;
}

#sidePane #bNumber ul{
	padding:14px 11px 0 10px;
	overflow:hidden;
	zoom:1;
}

#sidePane #bNumber ul li{
	background:url(/img/fan_voice/backnumber/line_dot_01.gif) repeat-x bottom;
	display:block;
	margin:0 6px 5px 0;
	padding-bottom:5px;
}

#sidePane #bNumber ul li.last{
	clear:both;
	width:100%;
	background:none;
	font-weight:bold;
}

#sidePane #bNumber ul li span{
	display:block;
	background:url(/img/fan_voice/backnumber/icn_arw_02r.gif) no-repeat left 4px;
	padding-left:18px;
}

#sidePane .bnr li{
	margin-bottom:10px;
}

#sidePane.webMember #btnArea{
	width:200px;
	background:url(/img/member/common/bg_member_btm_01.gif) no-repeat bottom;
	margin-bottom:10px;
	padding-bottom:11px;
}

#sidePane.webMember #btnArea .inner{
	background:url(/img/member/common/bg_member_top_01.gif) no-repeat;
	padding-top:11px;
}

#sidePane.webMember #btnArea .inner div{
	background:url(/img/member/common/bg_member_mid_01.gif) repeat-y 0 0;
	padding:0 9px;
}

#sidePane.webMember #btnArea li{
	margin-bottom:7px;
}

#sidePane.webMember #btnArea li.last{
	margin-bottom:0;
}

#sidePane.webMember #qa{
	width:198px;
	border:1px solid #cccccc;
	margin-bottom:15px;
	color:#f8415f;
}

#sidePane.webMember #qa dl{
	padding:0 11px 0 10px;
	overflow:hidden;
	zoom:1;
}

#sidePane.webMember #qa dl dd{
	background:url(/img/fan_voice/backnumber/line_dot_01.gif) repeat-x bottom;
	margin:0 0 10px 10px;
	padding-bottom:10px;
	font-size:12px;
	color:#333333;
}

#sidePane.webMember #qa dl dd span.question{
	background:url(/img/common/icn_question_01.gif) no-repeat left 0;
	margin-bottom:5px;
	padding:0 0 5px 20px;
	color:#333333;
}

#sidePane.webMember #qa dl dd.last{
	background:none;
	margin-bottom:10px;
	padding-bottom:0;
}

#sidePane.webMember #qa dl dt{
	cursor:pointer;
}

#sidePane.webMember #qa dl dt.selected{
	background:url(/img/common/icn_down_01.gif) no-repeat left 7px;
	cursor:pointer;
}

#sidePane.webMember #qa dl dt{
	background:url(/img/common/icn_next_01.gif) no-repeat left 3px;
	margin:0 0 5px 0;
	padding:0 0 5px 10px;
	font-weight:bold;
	font-size:12px;
	color:#333333;
}

#sidePane.webMember #qa dl dt.lead02 a{
	text-decoration:none;
}


/* CM情報 */
#sidePane #cmList{
	width:198px;
	margin:0 auto 9px;
	border:1px solid #cccccc;
}

#sidePane #cmList h2 img {
	width: 198px;
	height: 27px;
}

#sidePane #cmList .inrWrap{
	padding: 10px 10px 5px 10px;
	text-align: center;
}

/* おすすめレシピ */
#sidePane .topRecipe {
	overflow: hidden;
	width: 198px;
	height: 160px;
	margin: 0 auto;
	padding: 0;
	background: #e6d7c2;
}

#sidePane .topRecipe p {
	text-align: center;
	padding: 0; 
}


/* WEB動画限定 */
#sidePane .top_youtube_cm {
	width:200px;
	margin:0 auto 9px;
}



/* contents
------------------------------------------------------------*/
#contents{
	width: 930px;
	margin: 0 auto;
	overflow: hidden;
}

.contents-box {
	width: 930px;
	margin: 0 auto;
	overflow: hidden;
}

#contents #contentsWrap{
	background:#e8e3e4;
	height:500px;
}

#contents #contentsWrap p{
	padding-top:20px;
	text-align:center;
}

/* topicPath
------------------------------------------------------------*/
#topicPath{
	width:930px;
	height:20px;
	margin:4px auto 10px;
	text-align:left;
}

#topicPath li{
	display:inline;
}

#topicPath li.last{
	color:#e60012;
}


/* main
------------------------------------------------------------*/
#main{
	float:right;
	width:700px;
}

#main #mainWrap{
	width:700px;
	min-height:120px;
	margin:0 0 10px 0;
	padding:0;
	overflow:hidden;
	zoom:1;
}

#main h2{
	margin-bottom:20px;
}

#main h3{
	margin-bottom:10px;
}

#main h3.pttl00{
	background:url(/img/common/bg_pttl_00.gif) repeat-x scroll left top transparent;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	margin-bottom:10px;
	padding:0 10px;
}

#main h3.pttl01,
#main h4.pttl01{
	background: url(/img/common/bg_pttl_01.gif) repeat-x scroll left top transparent;
	color: #333333;
	font-size: 100%;
	font-weight: bold;
	height: 28px;
	line-height: 31px;
	margin-bottom: 10px;
	padding: 0 10px;
}

#main h3.pttl03,
#main h4.pttl03{
	background:url(/img/member/common/bg_dot_pop_01.gif) repeat-x 0 bottom #f0f0f0;
	border-top:2px solid #cccccc;
	color: #333333;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 10px;
	padding:5px 10px;
}


#main h4.pttl02{
	background: url(/img/common/bg_pttl_02.gif) repeat-x scroll left top transparent;
	color: #333333;
	font-size: 100%;
	font-weight: bold;
	height: 28px;
	line-height: 31px;
	margin-bottom: 10px;
	padding: 0 10px;
}

#main h5.pttl01 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 4px;
	width: 660px;
}

#main h5.pttl02 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 4px;
	width: 660px;
}

#main h5.pttl01.color00,
#main h5.pttl02.color00{
	background: url(/img/common/line_dot_x00.gif) repeat-x scroll left bottom transparent;
	color: #333333;
	font-size: 13px;
}

#main h5.pttl01.color01,
#main h5.pttl02.color01{
	background: url(/img/common/line_dot_x01.gif) repeat-x scroll left bottom transparent;
	color: #ec6a6a;
}

#main h5.pttl01.color03,
#main h5.pttl02.color03{
	background: url(/img/common/line_dot_x03.gif) repeat-x scroll left bottom transparent;
	color: #87c200;
}

#main .nfNote{
	font-size:11px;
	margin:10px 0 0 0!important;
	padding:0;
}

#main .nfNote p{
	display:inline;
	margin:0;
	padding:0;
}

#main .nfNote02{
	font-size:11px !important;
	vertical-align:middle;
}

#main .notes{
	margin-bottom:10px;
}

#main .notes02{
	font-size:11px;
	margin:5px 0 10px;
}

#main .notes03{
	font-size:11px;
	margin:5px 0 10px;
}

#main .notes dd,
#main .notes li{
	padding-left: 1em;
	text-indent: -1em;
}

#main .txtIndent1 dd,
#main .txtIndent1 li{
	padding-left: 1em;
	text-indent: -1em;
}


/* mainTop
------------------------------------------------------------*/
#mainTop{
	float:right;
	width:720px;
}

#mainTop #visualArea{
	position:relative;
	float:left;
	width:520px;
	height:630px;
}

#mainTop #visualArea p{
	padding-top:20px;
	text-align:center;
}

#mainTop #sideArea{
	float:right;
	width:190px;
	text-align:center;
}

#mainTop .bnr ul li{
	margin-bottom:10px;
	padding:0;
}

#mainTop #sideArea #cmList .inrWrap{
	margin-bottom: 10px;
	padding: 10px;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #f0f0f0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#mainTop #sideArea #top_cm {
	float:left;
	width:116px;
	margin-top:15px;
}
#mainTop #sideArea #top_cm_title {
	float:right;
	width:50px;
}

#mainTop #sideArea .topRecipe p{
	padding:0;
}

#mainTop #sideArea ul li{
	margin-bottom: 8px;
}


#mainTop #sideArea{
}


#mainTop #sideArea #alert{
	position:relative;
	border:1px solid #cccccc;
	margin-bottom: 8px;
	padding:5px;
	color:#333333;
	text-align: left;
}

#mainTop #sideArea #alert dt{
	margin-bottom:10px;
}

#mainTop #sideArea #alert dd{
	font-size:10px;
	color:#f8415f;
}

#mainTop #sideArea #alert p{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
	zoom:1;
}

#mainTop #sideArea #alert p a{
	display:block;
	text-decoration:none;
}

#mainTop #sideArea #alert p span.r01{
	color:#e60012;
}
#mainTop #sideArea #alert p.r02{
	position:absolute;
	top:21px;
	right:15px;
	letter-spacing:-1px;
	font-size:18px;
	color:#e60012;
}

#mainTop #sideArea #cpList{
	width:190px;
	margin:0 auto 10px;
	border:1px solid #cccccc;
	box-sizing: border-box;
}

#mainTop #sideArea #cpList h2 img{
	width: 188px;
}

#mainTop #sideArea #cpList p{
    padding: 10px;
}

#mainTop #sideArea #whatsNew{
	width:188px;
	border:1px solid #cccccc;
	margin-bottom: 8px;
}
#mainTop #sideArea #whatsNew h2 {
	position:relative;
	width:188px;
}

#mainTop #sideArea #whatsNew h2 img {
	width: 188px;
}

#mainTop #sideArea #whatsNew h2 .btn_rss {
	position:absolute;
	right:0;
	top:0;
	width: 45px;
}

#mainTop #sideArea #whatsNew dl{
	padding:10px;
}

#mainTop #sideArea #whatsNew dl dt{
	font-weight:bold;
	color:#333333;
	text-align: left;
}

#mainTop #sideArea #whatsNew dl dd{
	border-bottom:1px dotted #666666;
	padding-bottom:5px;
	color:#666666;
	text-align: left;
}

#mainTop #sideArea #news{
	margin-bottom: 8px;
	width:188px;
	border:1px solid #cccccc;
}

#mainTop #sideArea #news h2 {
	position:relative;
	width:188px;
}

#mainTop #sideArea #news h2 img {
	width: 188px;
}

#mainTop #sideArea #news h2 .btn_rss {
	position:absolute;
	right:0;
	top:0;
	width: 45px;
}

#mainTop #sideArea #news dl{
	padding:10px;
}

#mainTop #sideArea #news dl dt{
	font-weight:bold;
	color:#333333;
	text-align: left;
}

#mainTop #sideArea #news dl dd{
	border-bottom:1px dotted #666666;
	padding-bottom:5px;
	color:#666666;
	text-align: left;
}



/* bottomLinkArea
------------------------------------------------------------*/
#bottomLinkArea {
	width: 930px;
	background:url(/img/common/line_bottomlink_01.gif) no-repeat scroll left top transparent;
	clear: both;
	margin: 15px auto 0;
	padding:13px 0 11px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#bottomLinkArea .bottomLinkWrap{
	margin-bottom:10px;
}

#bottomLinkArea .leftSection{
	float: left;
	width: 380px;
}

#bottomLinkArea .leftSection .bottomLink{
	margin:3px 0 0;
	text-align:left;
}

#bottomLinkArea .leftSection .bottomLink li{
	display:inline;
	color:#666666;
	font-size:85%;
}

#bottomLinkArea .rightSection{
	float:right;
	width:540px;
	font-size:0;
}

#bottomLinkArea .rightSection ul{
	text-align:left;
	overflow:hidden;
	zoom:1;
}

#bottomLinkArea .rightSection ul li{
	display:inline;
	float:left;
	margin-right:5px;
}

#bottomLinkArea .rightSection ul li.last{
	float:right;
	margin-right:0;
}

/* globalFooter
------------------------------------------------------------*/
#globalFooter {
	background:#cc0000;
	width: 930px;
	clear:both;
	color:#ffffff;
	margin:0 auto 10px;
	padding:3px 0;
	font-size:93%;
	overflow:hidden;
	zoom:1;
}

#globalFooter .leftSection{
	float:left;
	width:690px;
}

#globalFooter .rightSection{
	float:right;
	width:233px;
}

#globalFooter .rightSection p{
	font-size:11px;
	line-height:1;
	margin:4px 10px 0 0;
	padding:0;
	text-align:right;
}

#globalFooter .footerLink{
	margin-left:10px;
	text-align:left;
}

#globalFooter .footerLink li{
	background:url(/img/common/icn_arrow_r01.gif) no-repeat left;
	display:inline;
	padding:0 10px;
}

#globalFooter .footerLink li a{
	color:#ffffff;
}

/* common
------------------------------------------------------------*/
#wrapper .icnNext{
	background:url(/img/common/icn_next_01.gif) no-repeat 0 0.25em;
	display:inline-block;
	padding:0 0 0 15px;
}

#wrapper .icnNext02{
	background:url(/img/common/icn_next_02.gif) no-repeat left top;
	display:inline-block;
	padding:1px 0 6px 23px;
	color:#5a5546;
}

#wrapper .icnNext03{
	background:url(/img/common/icn_next_03.gif) no-repeat left 2px;
	margin-bottom:1px;
	padding:1px 0 0 23px;
	color:#5a5546;
}

#wrapper .icnPdf{
	background:url(/img/common/icn_pdf_01.gif) no-repeat scroll right top transparent;
	display:inline-block;
	margin-right: 3px;
	padding-right:20px;
}

#wrapper .icnPdf02{
  background:url(/img/common/icn_pdf_01.gif) no-repeat scroll right top transparent;
  display:inline-block;
  padding-right:20px;
}

#wrapper .icnPdf03{
  background:url(/img/common/icn_pdf_01.gif) no-repeat scroll left top transparent;
  display:inline-block;
  padding-left:20px;
}

#wrapper .icnPopup{
	background:url(/img/common/icn_popup_01.gif) no-repeat scroll right center transparent;
	display:inline-block;
	padding-right:13px;
}


#wrapper .icnPcSpMo {
	padding:2px 55px 2px 0;
	background: url(/img/common/icn_pcspmb.gif) no-repeat right top;
}
#wrapper .icnPost {
	padding:2px 20px 2px 0;
	background: url(/img/common/icn_post_01.gif) no-repeat right top;
}
#wrapper .icnMoPc {
	padding:2px 39px 2px 0;
	background: url(/img/common/icn_mo_pc_01.gif) no-repeat right top;
}
#wrapper .icnMo {
	padding:2px 16px 2px 0;
	background: url(/img/common/icn_mo_01.gif) no-repeat right top;
}
#wrapper .icnPc {
	padding:2px 28px 2px 0;
	background: url(/img/common/icn_pc_01.gif) no-repeat right top;
}
#wrapper .icnPcSp {
	padding:2px 42px 2px 0;
	background: url(/img/common/icn_pcsp.gif) no-repeat right top;
}


#wrapper .icn-window {
    padding:0 10px 0 15px;
    background: url(/img/common/icn_other_window.gif) no-repeat left center;
}


#wrapper .pageTop span{
	background:url(/img/common/icn_pagetop_01.gif) no-repeat left center;
	padding:0 10px 0 15px;
}

#wrapper #relationArea{
	float:right;
	width:168px;
}

#wrapper #relationArea dl{
	width:168px;
	padding-bottom:15px;
}

#wrapper #relationArea dl dt{
	width:168px;
	padding-bottom:5px;
}

#wrapper #relationArea dl dd{
	width:168px;
	padding-bottom:5px;
}

#wrapper .icnBottom01{
  background:url(/img/common/icn_arrow_b01.gif) no-repeat scroll 0 0.25em transparent;
	display: inline-block;
	padding-left:13px;
}

#wrapper p.pic_caption{
	font-size:11px;
	line-height:1.2;
	padding:3px 0 0;
}

#wrapper .fC01{
	color:#0033ff;
}

/*====category common=======================================*/
#common #main div.indentWrap {
	width: 680px;
	margin: 0 10px;
}

#common #main div.indentWrap02 {
	width: 660px;
	margin: 0 10px;
}

#common #main div.boxType01 {
	width: 560px;
	margin: 0 50px 20px;
	padding: 20px 0 20px;
	background: url(/img/common/bg_stripe_01.gif) left top;
	text-align: center;
}

/* privacy
------------------------------------------------------------*/
#common #main .privacy ul {
	width: 660px;
	margin: 0 10px 1em 10px;
}
#common #main .privacy ul li {
	text-indent: -1.5em;
	padding-left: 1.5em;
}
#main .privacy .box {
	width: 660px;
	margin: 0 0 20px;
	padding-top: 10px;
	background: #f0f0f0;
}

#main .privacy .box dl {
	margin: 0 10px;
}
#main .privacy .box dt {
	padding-bottom: 5px;
	font-weight: bold;
}
#main .privacy .box dd {
	padding-bottom: 10px;
	line-height: 1.5;
}

#main .privacy dl.documents dd {
	margin-left:10px;
}


/* sitepolicy
------------------------------------------------------------*/
#main .sitepolicy dl dt {
	padding-bottom: 5px;
	font-weight: bold;
}
#main .sitepolicy dl dd {
	padding-bottom: 10px;
	line-height: 1.5;
}
#main .sitepolicy .getAdobe {
	width: 660px;
	margin: 0 0 10px;
}
#main .sitepolicy .getAdobe .leftSection {
	float: left;
	width: 170px;
}
#main .sitepolicy .getAdobe .rightSection {
	float: right;
	width: 490px;
}

#main .sitepolicy .box {
	width: 660px;
	margin: 0 0 20px;
	padding: 10px 0 2px 0;
	background: #f0f0f0;
}
#main .sitepolicy .box p {
	padding: 0 10px;
}

#main .sitepolicy .box {
	width: 660px;
	margin: 0 0 10px;
	padding-top: 10px;
	background: #f0f0f0;
}

#main .sitepolicy .box dl {
	margin: 0 10px;
}
#main .sitepolicy .box dt {
	padding-bottom: 5px;
	font-weight: bold;
}
#main .sitepolicy .box dd {
	padding-bottom: 10px;
	line-height: 1.5;
}

/* consumer
------------------------------------------------------------*/
#main .consumer .box {
	width: 660px;
	margin: 0 0 20px;
	padding-top: 10px;
	background: #f0f0f0;
}

#main .consumer .box dl {
	margin: 0 10px;
}
#main .consumer .box dt {
	padding-bottom: 5px;
	font-weight: bold;
}
#main .consumer .box dd {
	padding-bottom: 10px;
	line-height: 1.5;
}
#main .consumer img.imgCall {
	vertical-align: middle;
	margin-right: 5px;
}
#main .consumer span.callNo {
	font-size: 22px;
	font-weight: bold;
	line-height: 22px;
}

/* form
------------------------------------------------------------*/
.formTxt{
	margin-bottom:10px;
	padding:2px 5px;
	background:#eeece3;
}
.tblForm01 {
	width:100%;
}
.editButton {
	padding-top:30px;
}

/* mobile
------------------------------------------------------------*/
#main.mobileLayout {
	width:730px!important;
	float:left!important;
}
#main.mobileLayout .indentWrap {
	width:710px!important;
}
#main.mobileLayout .indentWrap02 {
	width:690px!important;
}
#main.mobileLayout .pttl02 {
	width:690px!important;
}
#main .mobile p.topText{
	background: url(/img/mobile/bg_mobile_01.gif) no-repeat scroll 20px 0 transparent;
  min-height:60px;
  padding-left: 80px !important;
  width: 610px;
}
#main .mobile p.topText02{
	background: url(/img/mobile/bg_mobile_02.gif) no-repeat scroll 20px 0 transparent;
  min-height:60px;
  padding-left: 80px !important;
  width: 610px;
}

#main.mobileLayout .mobile dl dt {
	padding-bottom: 5px;
	font-weight: bold;
}

#main.mobileLayout .mobile dl dd {
    padding-bottom: 10px;
    line-height: 1.5;
}

#main .mobile p.pB50{
	padding-bottom:50px;
}

#main .mobile p.qrcode{
	margin: 0 170px 0 80px;
	min-height: 95px;
	padding-top: 15px !important;
	position: relative;
	text-align: left;
	width: 340px;
}

#main .mobile p.qrcode span.url{
	font-size: 1.5em;
	font-weight: bold;
	word-wrap: break-word;
}

#main .mobile p.qrcode img.qr{
	position:absolute;
	left:324px;
	top:0;
}

/* sp用ボタン 2012/10/24
------------------------------------------------------------*/
.spBtnArea{
	margin:30px 20px;
}

.spBtn{
	width:100%;
	text-align:center;
	color:#ffffff;
}

.spBtn div{
	background:-webkit-gradient(linear, center top, center bottom, from(#e00112), color-stop(0.5, #e00112), color-stop(0.5, #ca0212), to(#ca0212));
	background:-webkit-linear-gradient(top, #e00112, #e00112 50%, #ca0212 50%, #ca0212 100%);
	background:-moz-linear-gradient(top, #e00112, #e00112 50%, #ca0212 50%, #ca0212 100%);
	background:-o-linear-gradient(top, #e00112, #e00112 50%, #ca0212 50%, #ca0212 100%);
	background:-ms-linear-gradient(top, #e00112, #e00112 50%, #ca0212 50%, #ca0212 100%);
	background:linear-gradient(top, #e00112, #e00112 50%, #ca0212 50%, #ca0212 100%);
	border:3px solid #ca0212;
  border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:20px 0;
	font-size:300%;
	font-weight:bold;
}

.spBtn a{
	color:#ffffff;
	text-decoration:none;
}


/* メンテナンステキスト
------------------------------------------------------------*/
.mentenance{
	width:100%;
	text-align:center;
}

.mentenance div{
	width:740px;
	margin:0 auto 20px;

}

.mentenance div p{
	border:1px solid #cc0000;
	padding:10px;
}

/* SSL
------------------------------------------------------------*/
.ssl{
	position: relative;
	margin-bottom: 13px;
	padding: 5px;
	border: 1px solid #ccc;
	color: #333;
}
.ssl_title{
	padding: 0;
	font-weight: bold;
	font-size: 12px;
}
.ssl_title span{
	color: #e60012;
}
.ssl_title a{
	display: block;
	text-decoration: none;
	outline: none;
}
.ssl_title a:hover{
	color: #e60012;
}
.ssl_arrow{
	position: absolute;
	top: 37px;
	right: 15px;
	padding: 0;
	letter-spacing: -1px;
	font-weight: bold;
	font-size: 18px;
	color: #e60012;
}

.mobile-close{
	color: #e60012;
}


/* 事業サイト分割
------------------------------------------------------------*/
.btnNav-main {
	float: left;
	width: 370px;
}



.btnNav-btn {
	float: right;
	margin-top: 6px;
}
.btnNav-btn_item {
	padding: 0;
}
.btnNav-btn_item a:hover  {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}


/* TOP CM 2016
------------------------------------------------------------*/
.top-cm_img {
	padding: 0;
	margin: 0 0 8px 0;
}
.top-cm_img a {
	transition: opacity .23s ease-out;
}
.top-cm_img a:hover {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}
.top-cm_title {
	font-size: 0;
}
.top-cm_title span {
	letter-spacing: -1px;
}


/* wide
------------------------------------------------------------*/
.w-contents {
	width: 100%;
	min-width: 1100px;
}
.w-contents.m--930 {
    width: 100%;
    min-width: 930px;
}
.w-contents-footer {
    width: 930px;
    margin: 0 auto;
}

/*arrange area*/
.arrange_area {
	margin-bottom: 25px;
}


/* GDPR対応
------------------------------------------------------------*/
#agree-cookie {
    width: 480px;
    margin: 10px auto 30px;
    text-align: center;
}

.agree-cookie-agreed {
    display: none;
}
.agree-cookie-agreed.is-show {
    display: block;
}
.agree-cookie-disagreed {
    display: none;
}
.agree-cookie-disagreed.is-show {
    display: block;
}

.agree-cookie-status-msg {
    font-size: 12px;
    font-weight: bold;
}

.agree-cookie-switch {
    display: block;
    width: 480px;
    height: 50px;
    line-height: 50px;
    text-decoration: none !important;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: bold;
    color: #fff !important;
    transition: opacity .23s ease-out;
}
.agree-cookie-switch:hover {
    -ms-filter: "alpha( opacity=70 )";
    filter: alpha( opacity=70 );
    opacity: 0.7;
}

.agree-cookie-switch span {
    margin-left: 5px;
    font-size: 14px;
}

.agree-cookie-agreed .agree-cookie-switch {
    background: #939393;
    -webkit-box-shadow: 0px -8px 0px -4px #686868 inset;
    box-shadow: 0px -8px 0px -4px #686868 inset;   
}

.agree-cookie-disagreed .agree-cookie-switch {
    background: #cc0000;
    -webkit-box-shadow: 0px -8px 0px -4px #a20000 inset;
    box-shadow: 0px -8px 0px -4px #a20000 inset;
}