@charset "UTF-8";
/* -- ///////////////////////////////////////////
copyright 2010 FIELD co,ltd.
All Rights Reserved.
 
created: 2010.08.20 FIELD
////////////////////////////////////////// -- */




/* GLOBAL NAV
----------------------------------------------------- */

div#global_nav{
	height:80px;
}

/* BNR NAV
----------------------------------------------------- */

ul#bnr_navi{
	background:url(../../images/index/bnr_navi_bg.gif) no-repeat 0 0;
	height:70px;
	padding:10px 0 0 2px;
	margin-bottom:40px;
}

* html ul#bnr_navi{
	height:80px;
}

ul#bnr_navi li{
	float:left;
	display:inline;
	margin-left:8px;
}

/* NEWS
----------------------------------------------------- */

div#news{
	width:630px;
	float:left;
}

div#news h2{
	border-bottom:solid 1px #bbb;
	font-weight:bold;
	padding:5px 0 7px;
	position:relative;
	font-size:123.1%;
	margin-bottom:10px;
}

div#news h2 span{
	position:absolute;
	right:0;
	top:0;
	display:block;
}

div#news ul{
	font-size:93%;
}

div#news ul li{
	margin-bottom:12px;
	line-height:1.5;
}

div#news ul li a{
	color:#333;
	text-decoration:none;
}

div#news ul li a:hover{
	color:#333;
	text-decoration:underline;
}

/* TOP_SEARCH
----------------------------------------------------- */

div#topSearch{
	width:301px;
	float:right;
}

div#topSearch_inner{
	background:url(../../images/index/search_btm_bg.gif) no-repeat left bottom;
	margin-bottom:20px;
}

div#topSearch dl{
	background:url(../../images/index/search_top_bg.gif) no-repeat left top;
	padding:12px 0 15px 10px;
}

div#topSearch dl dt{
	font-size:123.1%;
	font-weight:bold;
	margin-bottom:10px;
}

div#topSearch dl dt span{
	font-size:75%;
}

div#topSearch dl dd form input#search_area{
	width:206px;
	height:27px;
	padding-left:26px;
	background:url(../../images/index/search_txt_bg.gif) no-repeat 0 0;
	border:none;
	border-width:0;
	line-height:2.1;
}

* html div#topSearch dl dd form input#search_area{
	width:232px;
}

div#topSearch dl dd form input{
	vertical-align:top;
}

div#topSearch dl dd p#search_ex{
	font-size:93%;
}

div#topSearch dl dd p#search_ex a{
	color:#0068b7;
	text-decoration:none;
}

div#topSearch dl dd p#search_ex a:hover{
	text-decoration:underline;
}


#MainVisual{
	width:100%;
	text-align:center;
	height:374px;
}

#brandPanel{
	position:relative;
}

#brandPanel ul.images {
	position:relative;	
	width:100%;
	height:374px;
	z-index:1;
}

/* single slide */
#brandPanel ul.images li{
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:0;
	width:100%;
	height:374px;
	text-align:center;
}

#brandPanel ul.images li#bp01{
	background:url(../../images/index/mainVisual_bg01.jpg) no-repeat center top #3746ab;
}

#brandPanel ul.images li#bp02{
	background:url(../../images/index/mainVisual_bg02.jpg) no-repeat center top #ffea7d;
}

#brandPanel ul.images li#bp03{
	background:url(../../images/index/mainVisual_bg03.jpg) no-repeat center top #ecbbdb;
}

#brandPanel ul.images li#bp04{
	background:url(../../images/index/mainVisual_bg04.jpg) no-repeat center top #014488;
}

#brandPanel ul.images li div{
	display:block;
	position:relative;
	width:960px;
	height:374px;
	margin:0 auto;
}

#brandPanel ul.images li div span.brand_txt01{
	position:absolute;
	left:10px;
	top:54px;
	clear:both;
	background:url(../../images/index/MainVisual_txt.png) no-repeat 0 0;
	width:464px;
	height:129px;
}

#brandPanel ul.images li div span.brand_txt2{
	position:absolute;
	left:10px;
	top:205px;
	color:#fff;
	text-align:left;
	line-height:1.6;
	font-size:100%;
}

#brandPanel noscript{
	position:absolute;
	top:0;
	left:0;		
	margin:0;
	width:682px;
	font-size: 12px;
}

/* tabs (those little circles below slides) */

#brandPanel .slidetabs{
	width:960px;
	margin:-30px auto 0;
	position:relative;
	z-index:2;
}

/*
*html #brandPanel .slidetabs{
	display:none;
}*/

#brandPanel .slidetabs:after{ content : ''; display : block; clear : both; }

/* single tab */

#brandPanel .slidetabs span{
	width:18px;
	height:18px;
	float:left;
	margin:0 10px 0 0;
}

#brandPanel .slidetabs a{
	width:18px;
	height:18px;
	background:url(../../images/index/bt-bp.png) no-repeat 0 0;
	display:block;
	position:relative;
	overflow: hidden;
    outline: none;
}

/* mouseover state */
#brandPanel .slidetabs a:hover{
	background:url(../../images/index/bt-bp_on.png) no-repeat 0 0;
}

/* active state (current page state) */
#brandPanel .slidetabs a.current{
	background:url(../../images/index/bt-bp_on.png) no-repeat 0 0;     
} 	


/* prev and next buttons */
#brandPanel .forward, #brandPanel .backward {
	display: none;
}

/* next */
#brandPanel .forward 				{ background-position: 0 -30px; clear:right; }
#brandPanel .forward:hover 		{ background-position:-30px -30px; }
#brandPanel .forward:active 	 	{ background-position:-60px -30px; } 


/* prev */
#brandPanel .backward:hover  		{ background-position:-30px 0; }
#brandPanel .backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
#brandPanel .disabled {
	visibility:hidden !important;		
}

/* nonscript */

div#MainVisual noscript{
	display:block;
	clear:both;
	width:100%;
	text-align:center;
}

div#MainVisual_inner{
	height:374px;
	background:url(../../images/index/mainVisual_bg01.jpg) no-repeat center top #3746ab;	
}

div#MainVisual_inner div#MainVisual_no{
	width:960px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

div#MainVisual_inner div#MainVisual_no span.brand_txt01{
	position:absolute;
	left:10px;
	top:54px;
}

div#MainVisual_inner div#MainVisual_no span.brand_txt2{
	position:absolute;
	left:10px;
	top:205px;
	color:#fff;
	text-align:left;
	line-height:1.6;
	font-size:100%;
}

/* feature_list */

/* clearfix */
*:first-child+html ul#feature_list{ display: inline-block; } /* for IE7 */
ul#feature_list:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html ul#feature_list { display: inline-block; }
/* no ie mac \*/
* html ul#feature_list { height: 1%; }
 ul#feature_list{
	 display: block;
	 width:990px;
	 margin-left:-30px;
	 margin-bottom:25px;
}
/* */

ul#feature_list li{
	 width:300px;
	 margin-left:30px;
	 display:inline;
	 float:left;
}

ul#feature_list li p.f_img{
	margin-bottom:12px;
}

ul#feature_list li p.f_img a{
	display:block;
	border:solid 5px #d5cfcf;
}

ul#feature_list li h3{
	 float:left;
	 margin-bottom:10px;
}

ul#feature_list li p.f_btn_detail{
	float:right;
}

ul#feature_list li p.clear{
	font-size:93%;
	line-height:1.6;
}