@charset "utf-8";

/* -----------------------------------------------------
	base
----------------------------------------------------- */
div#column_article_stop{
float:left;
width:695px;
}




/* -----------------------------------------------------
	01. h3
----------------------------------------------------- */
/*h3.lyt_hdg_l3_stop{
margin-bottom:13px
}*/

/*--
2014.11.08 h3追加--*/
div#column_article_stop .str_lyt_h3_03{
	background: url("/common/images/bg/bg_h3_01_bottom.gif") no-repeat scroll left bottom;
    margin-bottom: 15px;
    padding-bottom: 7px;
    width: 695px;
}
div#column_article_stop .str_lyt_h3_03 .lyt_h3_03{
	background: url("/common/images/bg/bg_h3_01_top.gif") no-repeat scroll left top;
    padding-top: 5px;
}
div#column_article_stop .str_lyt_h3_03 h3{
	background: url("/common/images/bg/bg_h4_01_other_mid.gif") repeat-y scroll left top;
	font-size: 115%;
    padding: 2px 9px 0 15px;
    position: relative;
}

/* -----------------------------------------------------
	02. visual
----------------------------------------------------- */
.lyt_visual_stop{
height:271px;
margin-bottom:10px;
overflow:hidden;
}

.lyt_mainvisual_stop{
width:716px;
height:260px;
background:url(/images/index/bg_index01.gif) no-repeat top left;
padding-top:11px;
float:left;
position:relative;
}
.lyt_mainvisual_stop p{
position:absolute;
top:11px;
left:0
}
.lyt_mainvisual_stop p:first-child{
z-index:100;
}

.str_lyt_rotationbnr_stop{
width:220px;
height:260px;
padding-top:11px;
background:url(/images/index/bg_index01.gif) no-repeat top right;
float:right;
position:relative;
}
.lyt_rotationbnr_stop{
position:relative;
height:260px;
background:url(/images/index/bg_index13.gif) no-repeat top left;
}

.lyt_rotationbnr_stop .lyt_rotationbnr_stop_inner{
height:207px;
overflow:hidden;
position:relative;
top:26px;
}

.lyt_rotationbnr_stop .bg_on{
position:absolute;
top:26px;
left:10px;
}

.str_lyt_rotationbnr_stop .lyt_bnr{
position:relative;
margin-left:10px;
}
.str_lyt_rotationbnr_stop .lyt_bnr li{
margin-top:13px;
}
.str_lyt_rotationbnr_stop .lyt_bnr li:first-child{
margin-top:0;
}

.str_lyt_rotationbnr_stop .lyt_bnr li.on{
}
.str_lyt_rotationbnr_stop .lyt_nav_bnr li{
line-height:1 !important;
margin:0 !important;
padding:0 !important;
}
.str_lyt_rotationbnr_stop .pre{
position:absolute;
top:0px;
left:7px;
}
.str_lyt_rotationbnr_stop .nxt{
position:absolute;
bottom:0px;
left:7px;
}

.lyt_rotationbnr_index{
position:relative;
margin-bottom:20px;
}

.lyt_rotationbnr_stop_inner02{
position:relative;
overflow:hidden;
width:659px;
margin:0 auto;
}

.lyt_rotationbnr_index .lyt_bnr02{
position:relative;
/*margin-left:-7px;*/
}
.lyt_rotationbnr_index .lyt_bnr02 li{
float:left;
margin-left:7px;
}
.lyt_rotationbnr_index .lyt_bnr02 li:first-child{
margin-left:0;
}

.lyt_rotationbnr_index .pre02{
position:absolute;
top:25px;
left:0;
}
.lyt_rotationbnr_index .nxt02{
position:absolute;
top:25px;
right:0;
}



/* -----------------------------------------------------
	03. colum
----------------------------------------------------- */
.lyt_col{
float:left;
}

/*全幅カラム*/
.str_lyt_col03_stop{
margin-left:-8px;
overflow:hidden;
}
.str_lyt_col03_stop .lyt_col{
width:308px;
margin-left:8px;
}
.str_lyt_col03_stop .box_hs_mobile .lyt_list{
background:url(/images/index/bg_index02.gif) no-repeat bottom left;
}
.str_lyt_col03_stop .box_hikari .lyt_list{
background:url(/images/index/bg_index03.gif) no-repeat bottom left;
}
.str_lyt_col03_stop .box_adsl .lyt_list{
background:url(/images/index/bg_index04.gif) no-repeat bottom left;
}

.str_lyt_col03_stop .lyt_list{
height:107px;
}

.str_lyt_col03_stop .lyt_list li{
padding:0 0 0 37px;
font-size:0.1px;
}
.str_lyt_col03_stop .lyt_list li:first-child{
padding-top:5px;
}

.str_lyt_col03_stop02{
margin:0 0 20px -7px;
overflow:hidden;
}
.str_lyt_col03_stop02 .lyt_col{
width:227px;
margin-left:7px;
}

.str_lyt_col03_stop02 .link_list_01{
margin-left:10px;
}

/* -----------------------------------------------------
	09. box
----------------------------------------------------- */
.str_lyt_box_stop_01{
background:url(/images/index/bg_index06.gif) no-repeat top left;
padding-top:10px;
}
.str_lyt_box_stop_01 .lyt_box{
background:url(/images/index/bg_index07.gif) repeat top left;
padding-bottom:3px;
}

.str_lyt_box_stop_01 .btm_line{
background:url(/images/index/bg_index16.gif) no-repeat top left;
padding-bottom:3px;
height:3px;
width:695px;
}

.str_lyt_box_stop_01 .lyt_box ul{
overflow:hidden;
}
.str_lyt_box_stop_01 .lyt_box li{
background:url(/images/index/bg_index08.gif) no-repeat top left #ffffff;
width:335px;
margin-left:10px;
margin-bottom:3px;
padding-top:7px;
float:left;
}
.str_lyt_box_stop_01 .lyt_box li p{
background:url(/images/index/bg_index09.gif) no-repeat bottom left #ffffff;
padding:0 6px 5px;
width:323px;
}
.str_lyt_box_stop_01 .lyt_box li p img{
margin-right:7px;
}
.str_lyt_box_stop_01 .lyt_box div.link_more{
background:url(/images/index/bg_index10.gif) no-repeat top left #ffffff;
width:81px;
margin-left:609px;
padding-top:2px;
}
*:first-child+html .str_lyt_box_stop_01 .lyt_box div.link_more{
margin-top:3px;
}
.str_lyt_box_stop_01 .lyt_box div.link_more p{
background:url(/images/index/bg_index11.gif) no-repeat bottom left #ffffff;
padding:0 2px 1px 9px;
width:70px;
}
.str_lyt_box_stop_01 .lyt_box div.link_more p a{
padding-left:10px;
background:url(/common/images/icon_link_right_01.gif) no-repeat 0% 0.35em;
}


.str_lyt_box_stop_02{
background:url(/images/index/bg_index14.gif) repeat-y top left;
margin-bottom:10px;
}
.str_lyt_box_stop_02 .lyt_box{
background:url(/images/index/bg_index15.gif) no-repeat bottom left;
padding:12px 14px 3px;
}
.str_lyt_box_stop_02 .lyt_box p{
background:url(/images/index/line_index01.gif) no-repeat top left;
font-size:85.71%;
padding-top:16px;
margin-bottom:12px;
}
.str_lyt_box_stop_02 .lyt_box p:first-child{
background:none;
padding-top:0;
}




/* -----------------------------------------------------
	11. bnr
----------------------------------------------------- */
.lyt_bnr_stop{
width:700px;
height:130px;
background:url(/images/index/bg_index12.gif) no-repeat top left #ffffff;
position:relative;
}
.lyt_bnr_stop .read{
position:absolute;
top:32px;
left:122px;
}
.lyt_bnr_stop .btn{
position:absolute;
top:26px;
left:385px;
}



/* -----------------------------------------------------
	12. メンテナンスRtoaster
----------------------------------------------------- */
.info_rt_box{
	border:#e40000 solid 1px;
	padding:12px;
	margin-bottom:20px;
}


/* -----------------------------------------------------
	13. 注記ボックス
----------------------------------------------------- */
.info_rt_box02{
	border:#e40000 solid 2px;
	padding:12px;
	margin-bottom:20px;
}

/* -----------------------------------------------------
	暮らしをちょっと楽しくするITネタ
----------------------------------------------------- */
.life_left{
	float:left;
	width:341px;
}

.life_line{
	float:left;
	width:2px;
	height:240px;
	background:url(/images/index/sec_line.gif)  repeat-y;
}

.life_right{
	float:right;
	width:341px;
	margin-left:10px;
}

.life_clear{
	clear:both;
}

.life_img_top{
	background:url(/images/index/img_frame_top.gif);
	width:112px;
	height:6px;
}

.life_img_lr{
	background:url(/images/index/img_frame_lr.gif);
	width:112px;
	height:auto;
	
}

.life_img_lr img{
	width:100px;
	height:auto;
	text-align:center;
	margin:0px 0px 0px 6px;
	
}

.life_img_btm{
	background:url(/images/index/img_frame_btm.gif);
	width:112px;
	height:6px;
}

.life_img{
	clear:both;
	width:112px;
	height:auto;
	float:left;
}

.life_txt{
	float:left;
	margin:0px 10px;
	width:200px;
}