@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. メインコンテンツ
　03. サブ
　04. レコメンドフッター


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


/* ==

　00. file import

=============================================================================== */

@import url("/common/css/rn01/common.css");
.container .topicPath{ background:none !important; }

#hdArea{ margin-bottom:5px; }


/* ==

　01. 基本

=============================================================================== */
div.title{ width:950px; margin:0 auto; padding:0; position:relative; clear:both; }
h1{ margin:0; padding:0 0 7px; float:left; }


/* パンくずリスト
------------------------------------------------------------------------------- */
.container .topicPath{ background:url(../images/bk_topicPath.gif) 0 -5px no-repeat; }



/* メインビジュアル
------------------------------------------------------------------------------- */
#business .mainVisual{
	width:938px;
	padding:12px 0 12px 12px;
	background:url(../images/mainVisual/bg.png) left top no-repeat;
	position:relative;
}

.mainVisual div.btns{ width:279px; padding-top:3px; float:left; }
.mainVisual div.btns li{
	margin-top:-3px;
	padding:3px;
	background:url(../images/mainVisual/bg_btn.png) left top no-repeat;
}
.mainVisual div.btns li a{ display:block; }

.mainVisual div.btns li.btn_support{ background-image:url(../images/mainVisual/bg_btn_support.png); }


.mainVisual div.imgs{ width:637px; padding:3px 0 0 7px; float:left; position:relative; clear:none; }
* html .mainVisual div.imgs{ width:auto; zoom:1; }

.mainVisual div.imgs dl.needs{ margin-bottom:7px; zoom:1; clear:both; }
.mainVisual div.imgs dl.store{ width:256px; display:inline; float:left; }
.mainVisual div.imgs dl.effort{ width:384px; margin-right:-3px; display:inline; float:left; }

.mainVisual div.imgs dl.needs ul{ width:640px; }
.mainVisual div.imgs dl.store ul{ width:256px; }
.mainVisual div.imgs dl.effort ul{ width:384px; margin-right:-3px; }
.mainVisual div.imgs dd ul{ margin-left:-3px; padding-left:4px; }


.mainVisual div.imgs dt{ padding-bottom:5px; }
.mainVisual div.imgs dt img{ vertical-align:bottom; }
.mainVisual div.imgs dd li{
	width:125px;
	margin:-4px 0 0 -5px;
	padding:4px;
	background:url(../images/mainVisual/bg_img.png) left top no-repeat;
	display:inline;
	float:left;
}
.mainVisual div.imgs dd li a{ display:block; }





/* レコメンド
------------------------------------------------------------------------------- */
.recommend p.txt_single a img{ margin-bottom:14px; }


/* メイン
------------------------------------------------------------------------------- */
.container .main{ width:540px; float:left; font-size:115%; line-height:1.5; }
.container .sub{ width:390px; float:right; font-size:115%; line-height:1.5; }

.section h3{ margin-bottom:10px; }

.container .main h2.typePng{
	padding-bottom: 1px;
	background:url(../images/bk_h2.png) right top no-repeat;
}
.container .sub h2.typePng{
	padding-bottom: 1px;
	background:url(../images/bk_h2_02.png) right top no-repeat;
}


@media print{
	* html .recommend p{ margin-right:17px; }
}


/* リキッドエリア
------------------------------------------------------------------------------- */
#topLiquidBg {
	position: absolute;
	width: 100%;
	min-width: 960px;
	z-index: 0;
	top: 171px;
	left: 0;
	overflow: hidden;
}
#topLiquidBg img {
	width: 100%;
	height: auto;
}
* html #topLiquidBg img {
	display: none;
}
.container.topLiquidContainer {
	position: relative;
	z-index: 10;
}
#topLiquidMain {
	margin-bottom: 30px;
	padding-top: 31px;
	clear: both;
}
#topLiquidMain .mainVisual {
	margin-bottom: 0;
}


/* ==

　02. メインコンテンツ

=============================================================================== */
.container .section p.bnr{ margin-bottom:15px; }
.section h3{ margin-bottom:10px; border-bottom:1px solid #ccc; padding-bottom:4px; }





/* コンテンツ一覧
------------------------------------------------------------------------------- */
.main .conts{
	width: 540px;
	margin:0 0 25px;
	padding:0;
	min-height:1%;
	clear:both;
}
* html .main .conts{
	height:1%;
}
.main .conts:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

.main .conts div {
	width: 260px;
}
.main .conts .columnL {
	float: left;
}
.main .conts .columnR {
	float: right;
}
.main .conts h3 {
	margin: 0 0 10px;
	padding: 0;
	border: none;
}
.main .conts h3 a {
	display: block;
	padding: 18px 0 17px 9px;
	background: url(../images/bg_subt_support.gif) left top repeat-x;
}
.main .conts .img {
	margin-bottom: 10px;
}
.main .column1 .img{
	float:left;
	width:260px;
}
.main .column1 .txt{
	float:right;
	width:260px;
}

.main .bnrBox {
	width: 540px;
	margin-bottom: 30px;
}
.main .bnrBox ul {
	width: 550px;
	margin:0 -10px 0 0;
}
.main .bnrBox li {
	float: left;
	margin: 0 10px 10px 0;
}

#totalsupport .itemList div{
	width:540px;
	margin:0;
	padding-top:0;
	background:none;
	float:none;
	clear:both;
}
#totalsupport .itemList .img {
	width: 72px
}
#totalsupport .itemList dl {
	float: right;
	width: 458px;
}
#totalsupport .itemList dt {
	margin-bottom: 5px;
}

{ margin-bottom:0; padding-bottom:20px; }


.container .section .itemList div dt a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 6px no-repeat;
}
.main .section .itemList div p.txt a{
	margin-top:5px;
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 6px no-repeat;
}



/* サブ */
.main .contsSub{
	width:510px;
	margin:0 0 30px;
	padding:15px;
	background-color:#f3f3f3;
	clear:both;
}

.container .section .contsSub .itemList div dt a{ background:url(/common/images/renew2009/arrow.gif) left 5px no-repeat; }
#totalsupport .contsSub .itemList div{ width:510px; }
#totalsupport .contsSub .itemList dl{ width:428px; }

.container .section .contsSub .itemList{
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x;
}
.container .section .contsSub .itemList.last{ margin-bottom:0; padding-bottom:0; background:none; }



/* ==

　03. サブ

=============================================================================== */



/* イベントバナーエリア
------------------------------------------------------------------------------- */
#business .sub .bnr_event { width:390px; padding-bottom:20px; }
#business .sub .bnr_event li {
	width: 390px;
	margin-bottom:10px;
	background: #e6e6e6 url(../images/bg_support02.gif) left bottom no-repeat;
}
#business .sub .bnr_event li p {
	width: 380px;
	padding: 10px 0 10px 10px;
	background: url(../images/bg_support01.gif) left top no-repeat;
}

#business .sub .bnr_event li.noBg{ background:none; background-color:transparent; }




.sub .storeBox {
	width: 390px;
	margin-bottom: 10px;
	padding-top: 2px;
	background: url(../images/bg_store02.png) left top no-repeat;	
}
.sub .storeBox h3 {
	margin: 0 2px;
	padding:0;
	background: url(../images/bg_store01.gif) left top repeat-x;
	border-bottom:1px dotted #ccc;
}
.sub .storeBox h3 a {
	display: block;
	padding: 5px 5px 5px 17px;
	background:url(/common/images/renew2009/arrow_02.gif) 10px center no-repeat;
	font-size:85%;
}
.sub .storeBox div {
	width: 370px;
	padding: 10px;
	background: url(../images/bg_store03.gif) left bottom no-repeat;	
}
.sub .storeBox .img {
	float: left;
	width: 160px
}
.sub .storeBox .txt {
	float: right;
	width: 195px
}


.sub .storeList {
	width: 390px;
	margin-bottom: 30px;
}
.sub .storeList li{ margin:0; padding:0; zoom:1; }
.sub .storeList li a {
	display: block;
	padding: 5px 5px 5px 7px;
	background: url(/common/images/renew2009/arrow_02.gif) left 1em no-repeat;
}


.level2 .sub .section .itemList p.img {
	width: 90px;
}

.level2 .sub .section .itemList dl {
	float: right;
	width: 290px;
}

.level2 .sub .section .itemList dt {
	margin-bottom: 5px;
}


.sub .bnrBox {
	width: 390px;
	margin-bottom: 30px;
}
.sub .bnrBox li {
	margin: 0 0 10px;
}



@media print{
	* html .main .section .bnr,
	* html .sub .section p.bnr{ padding-bottom:20px; }
	* html .itemList dt a,
	* html .itemLIst p.txt a{ height:1%; }
	* html div.business li a,
	* html .sub .howto li a{ height:1%; display:block; float:left; }
	
}


/* ==

　04. レコメンドフッター

=============================================================================== */
.recoFooter .contents{ background:url(../images/bk_recoFooter.gif) left top no-repeat; }
.recoFooter .contents div{ width:215px; }
.recoFooter .contents div li li{ padding-left:10px; }
.recoFooter .contents div li ul{ margin:5px 0 0; }
.recoFooter .contents div li li ul{ margin:5px 0 10px; }
.recoFooter .contents div li li li{ padding-left:0; font-size:100%; }
.recoFooter .contents p.firstChild{
	margin-bottom:10px;
	padding-bottom:7px;
	border-bottom:1px solid #ebebeb;
}
.recoFooter .contents div.lastChild li{ margin-bottom:3px; }
.recoFooter .contents div.lastChild ul.category{ margin-bottom:10px; }



/* BSデフォルト
------------------------------------------------------------------------------- */
.default_bs .contents div.bs_cnts{
	width:690px;
	margin:0 5px 0 0;
	padding:0 0 0 10px;
}
.default_bs .contents div.bs_cnts ul{ width:220px; margin-right:10px; padding:0 10px; float:left; }
.default_bs .contents div.bs_cnts li ul{ width:auto; margin-bottom:10px; padding:0; float:none; }
.default_bs .contents div.bs_cnts ul.sltn{ width:222px; padding:0; }
.default_bs .contents div.bs_cnts ul.lastChild{ width:185px; margin-right:0; }
.default_bs .contents div.bs_cnts ul.lastChild ul{ width:auto; margin-right:0; float:none; }


/* ==

　99. SNSボタン

=============================================================================== */
#sns{ width:600px; margin:0; padding:5px 0 0; text-align:right; float:right; }
#sns:after{ content:''; display:block; clear:both; }
#sns p{ margin:0; padding:0; display:inline; }
#sns p{ /padding:0 0 0 5px; }