/*YUI Resetcss*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}






body{
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    -x-system-font: none;
    background-attachment: scroll;
    background-color: transparent;
    background-image:url(../../img/top/bg_top.jpg);
    background-position: center top;
    background-repeat: no-repeat;
	width: 100%;
	min-width:100%;
	geight:auto;
    color: #591F00;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
    font-size: 100%;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.4em;
	
}
	

#container{
	width:950px;
	margin:4px auto;
	_padding-bottom:60px;
	
}


/* === header ===== */

#header{
	width:950px;	
	height:380px;
}


#header a {
    color: #FFFFFF;
    text-decoration:underline;
}
#header a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

#header_inner{
	width:950px;
}



#header_logo{
	float:left;
	width:328px;
	height:79px;
	padding-top:6px;
}


#header_info{
	float:right;
	color:#FFFFFF;
	_margin-top:15px;
}


#info_inner{
	height: 23px;
	width:615px;
}

#friendship{
	font-size:11px;	
	float:right;
	line-height:1em;
	*width:405px;
}

#friendship p{
	float:left;
	color:#FFF;
	padding:7px 3px;
}
#friendship span{
	width:14px;
	height:24px;
	background-image: url(../../img/top/counter.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-9999px;
	float:left;
	padding-right:1px;
}

#friendship .n0{background-position:   0px 0px;}
#friendship .n1{background-position: -20px 0px;}
#friendship .n2{background-position: -40px 0px;}
#friendship .n3{background-position: -60px 0px;}
#friendship .n4{background-position: -80px 0px;}
#friendship .n5{background-position:-100px 0px;}
#friendship .n6{background-position:-120px 0px;}
#friendship .n7{background-position:-140px 0px;}
#friendship .n8{background-position:-160px 0px;}
#friendship .n9{background-position:-180px 0px;}


#sns{
	text-align:right;
	float:right;
	font-size:75%;
	_font-size:70%;
	padding-top:3px;
	*width:210px;
}

#sns #facebook{
	float:right;
}


#sns #twitter{
	float:right;
	margin-right:10px;
}


#sns #google{
	float:right;
	margin-right:10px;
}


#btn_inner{
	margin-top:9px;
	clear:both;
}

#btn_login{
	float:right;
}

#help{
	float:right;
	font-size:75%;
	_font-size:70%;
	margin-top:5px;
}


#help ul li{
	list-style: none;  
	background:url(../../img/top/icon_help.gif);
	background-position:0 0;
    background-repeat:no-repeat;
	line-height:1.8em;
	padding-left:20px;
	margin-right:10px;
	float:left;
}
	
#header_center{
	position:relative;
	top:250px;
	*top:150px;
	left:550px;
	width:200px;
	height:200px;
	background:url(../../img/top/saruru_1.png) no-repeat left top;
}
#header_center1031{
	position:relative;
	top:200px;
	*top:100px;
	left:550px;
	width:200px;
	height:200px;
	background:url(../../img/top/saruru_1031.png) no-repeat left top;
}


#header_right{
	position:relative;
	width:280px;
	margin-top:-100px;
	*margin-top:-180px;
	left:670px;
}


/*=== main_contents ===*/


#main_contents{
	clear:both;
	width:950px;
	height:auto;
	padding-top:30px;
}


#content_center{
	float:left;
	width:690px;
}

#content_center h2{
	margin:-33px 0 5px 0;
}

#content_center .maincopy{
	font-size:85%;
	padding-bottom:15px;
}

#content_center ul.anshin{
	margin-left:-4px;
	background-image: url(../../img/top/board.gif);
	width:668px;
	height:238px;
	padding:100px 0 0 30px;
	font-size:0;
	line-height:0;
}
#content_center ul.anshin li a{
	height:218px;
	float:left;
	text-indent:-9999px;
	margin-right:16px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#content_center ul.anshin li a:hover{background-position: 0px -320px;}

#content_center ul.anshin li.btn1 a{background-image: url(../../img/top/btn_board1.gif); width:204px;}
#content_center ul.anshin li.btn2 a{background-image: url(../../img/top/btn_board2.gif); width:202px;}
#content_center ul.anshin li.btn3 a{background-image: url(../../img/top/btn_board3.gif); width:201px;}


#content_center .more_point{
	margin-top: 20px;
}

#content_center .more_point ul{
	padding-top:5px;
	font-size:0;
	line-height:0;
}



#content_center .more_point ul li.p1 a{background-image: url(../../img/top/more_point1.gif);}
#content_center .more_point ul li.p2 a{background-image: url(../../img/top/more_point2.gif);}
#content_center .more_point ul li.p3 a{background-image: url(../../img/top/more_point3.gif);}
#content_center .more_point ul li.p4 a{background-image: url(../../img/top/more_point4.gif);}
#content_center .more_point ul li.p5 a{background-image: url(../../img/top/more_point5.gif);}
#content_center .more_point ul li.p6 a{background-image: url(../../img/top/more_point6.gif);}
#content_center .more_point ul li.p7 a{background-image: url(../../img/top/more_point7.gif);}
#content_center .more_point ul li.p8 a{background-image: url(../../img/top/more_point8.gif);}

#content_center .more_point ul li a{
	float:left;
	width:120px;
	height:110px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:-9999px;
	padding:0 15px 10px 0;
	font-size:0;
	line-height:0;
}
#content_center .more_point ul li a:hover{
	background-position: -150px 0px;
}

#content_center .taikendan{
	padding:20px 0;
}


#content_news{
	clear:both;
	font-size:90%;
}


#content_right{
	float:right;
	width:220px;
}
#content_right a{
	color: #591F00;
}
#content_right a:hover{
	color: #CD5319;
}

#content_right a:hover img{
	opacity: 0.8;
}

#content_right hr{
	margin:10px 0;
}


#content_right #btn_area{
	float:left;
	width:220px;
}

#content_right #btn_area a.btn1{
	margin-left: -2px;
}

#content_right #btn_area a.btn2{
}

#content_right #btn_area a.btn3{
	margin-left: -4px;
}

#content_right .link{
	margin-top: 20px;
}

#content_right .link h5{
	font-size:90%;
	font-weight:bold;
	background-color: #FCE596;
	padding:7px 7px 4px;
	margin-bottom:7px;
	line-height:1em;
}

#content_right .link ul{
	list-style:disc;
	list-style-position:inside;
	font-size:85%;
}
#content_right .link ul li{
	padding-top:5px;
	line-height:1.4em;
}



.store{
	margin-top:10px;
}


#content_news #news_area{
	background:url(../../img/top/bg_oshirase.gif) no-repeat 0 0;
	width:690px;
	margin:20px 0;	
}

#content_news #news_area a {
    color: #642C10;
    text-decoration:underline;
}
#content_news #news_area a:hover {
    color: #CD5319;
    text-decoration: underline;
}

#content_news #news_area .linkList{
	float:right;
}

#content_news #news_area .linkList p {
	background:url(../../img/top/arw_right_orange.gif) no-repeat left center;
	padding-left:10px;
	font-size:90%;
	margin-top:-4px;
}


.link .store .keitai{
	height:80px;
	background-image: url(../../img/top/a_code.gif);
	background-repeat: no-repeat;
	background-position: 132px -10px;
	font-size:85%;
}
.link .store .smart{
	height:140px;
	background-image: url(../../img/top/ic_appli.gif);
	background-repeat: no-repeat;
	background-position: 0 30px;
}
.link .store .smart ul li{
	margin:5px 0 0 90px;
	list-style-position: outside;
	list-style-type:none;
	padding-bottom:3px;
}


dl.news {
	display: block;
	height: auto;
	overflow:visible;
	padding-top:40px;
}
dl.news dt,dl.news dd {
	padding: 5px 12px 5px 20px;
}
dl.news dt {
	float: left;
	color:#CD5319;
	padding-left:0;
}
dl.news dd {
	padding: 5px 0px 5px 120px;
	margin-right: 12px;
}

/*=== footer ===*/


#footer  {
	clear:both;
	width:100%;
}
#footer_inner {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  	padding:10px 0;
	width:950px;
}
#footer a {
    color: #642C10;
    text-decoration:underline;
}
#footer a:hover {
    color: #CD5319;
    text-decoration: underline;
}

#footer_transparent {
    /*height: 30px;*/
}
#main_footer {
}
#main_footer_inner {
	font-size: 85%;
    text-align: left;
	padding-top:10px;
}
#footer_white {
	margin:5px 0;
	padding-top:5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #571E04;
	line-height:1.4em;
}
#footer_inner1 {
    float: left;
	font-size:80%;
    padding-top: 5px;
}
#footer_inner2 {
    float: right;
    width: 213px;
}

#nttse_logo a {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
	background:url(../../img/top/nttse_logo.png);
    background-repeat: no-repeat;
    float: right;
    height: 26px;
    overflow-x: hidden;
    overflow-y: hidden;
    text-decoration: none;
    text-indent: -9999em;
    width: 213px;
	margin-top:10px;
}


/*clearfix*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
