@charset "Shift_JIS";

/*============================================================
//
//  目次---------------------
//  ・初期設定
//  　・ヘッダー
//  　・メニュー
//  　・サブ
//  　・フッター
//
//==========================================================*/


/*============================================================
//  初期設定
//==========================================================*/

* {
	margin: 0;
	padding : 0;
}

body {
	text-align: center;
	font-family:MS Gothic,Osaka,Arial,Helvetica,Sans-serif;
	color:#333333;
	font-size:12px;
	line-height:150%;
}

#page {
	margin:0 auto;
	width:900px;
	text-align: left;
}

#header,
#main,
#footer {
	width:100%;
}

#main{
	float:right;
	width:685px;
	margin-bottom:15px;
}
#sub{
	float:left;
	width:200px;
	margin-bottom:15px;
}

.left{
	float:left;
}

.right{
	float:right;
}

a {
	/* macIE対策\*/
	overflow: hidden;
	/* macIE対策*/
}

img,
a img {
	border : 0;
	text-decoration: none;
}

img{vertical-align:bottom;}

.test{	border:1px solid #f00;}

ul,ol{list-style:none;}


.clr {
	clear: both;
/* macIE対策\*/
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
/* macIE対策*/
}

a{color:#008FCF; text-decoration:none;}
a:hover{color:#008FCF; text-decoration:underline;}

#rightbox{position: relative; top: 0px; left: 0px; z-index: 1;}

/*============================================================
//  ヘッダー共通
//==========================================================*/

#header{
	width:890px;
	padding:15px 10px 20px 0;
}

#header .logo{
	background:url(../imgcommon/logo_xross.jpg) no-repeat;
	width:188px;
	height:64px;
	text-indent:-9999px;
	font-size:5px;
	margin:5px 0 0 15px;
	float:left;
}
#header .logo a{
	width:188px;
	height:63px;
	display:block;
}

#header .lead{
	width:560px;
	float:right;
}

#header .lead .site{
	margin:0 10px 10px 0;
	font-size:10px;
	text-align:right;
}

#header .lead a{ color:#333333; text-decoration:none;}
#header .lead a:hover{ text-decoration:underline;}

#header .lead p{
	width:560px;
	height:15px;
	text-indent:-9999px;
	font-size:5px;
	background:url(../imgcommon/lead.gif) no-repeat;
}

/*============================================================
//  メニュー共通
//==========================================================*/

#header ul{
	background:url(../imgcommon/menu_on.jpg) no-repeat;
	width:900px;
	height:32px;
	text-indent:-9999px;
	font-size:5px;
}
#header li{
	width:150px;
	height:32px;
	float:left;
}
#header li a{
	width:150px;
	height:32px;
	display:block;
}
#header li a:hover{ background:none;}
#header .home a{background:url(../imgcommon/menu.jpg) no-repeat 0 0;}
.home_btn #header .home a{background:url(../imgcommon/menu_on.jpg) no-repeat 0 0;}

#header .xross a{background:url(../imgcommon/menu.jpg) no-repeat -150px 0;}
.xross_btn #header .xross a{background:url(../imgcommon/menu_on.jpg) no-repeat -150px 0;}

#header .feature a{background:url(../imgcommon/menu.jpg) no-repeat -300px 0;}
.feature_btn #header .feature a{background:url(../imgcommon/menu_on.jpg) no-repeat -300px 0;}

#header .case a{background:url(../imgcommon/menu.jpg) no-repeat -450px 0;}
.case_btn #header .case a{background:url(../imgcommon/menu_on.jpg) no-repeat -450px 0;}

#header .ques a{background:url(../imgcommon/menu.jpg) no-repeat -600px 0;}
.ques_btn #header .ques a{background:url(../imgcommon/menu_on.jpg) no-repeat -600px 0;}

#header .inquiry a{background:url(../imgcommon/menu.jpg) no-repeat -750px 0;}
.inquiry_btn #header .inquiry a{background:url(../imgcommon/menu_on.jpg) no-repeat -750px 0;}

/*============================================================
//  サブ
//==========================================================*/
#sub .news{
	width:200px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:solid 1px #999;
}

#sub .news .tl{
	background:url(../imgcommon/sub_news.jpg) no-repeat;
	width:200px;
	height:30px;
	text-indent:-9999px;
	font-size:5px;
	margin-bottom:10px;
}

#sub .news li{
	background:url(../imgcommon/news_cap.gif) no-repeat 0 4px;
	font-size:12px;
	padding:0 3px 8px 10px;
	margin-left:2px;
	color:#333;
	line-height:135%;
}
#sub .news li a{ color:#008FCF; text-decoration:underline;}

#sub .policy{
	width:200px;
}

#sub .policy img{
	float:left;
	margin:0 15px 15px 0;
}
#sub .policy p{
	float:left;
	width:110px;
	font-size:10px;
	line-height:140%;
}


/*============================================================
//  フッター
//==========================================================*/
#footer{
	border-top:solid 1px #999;
	padding:5px 5px;
	margin-bottom:15px;
}

#footer .logo{
	width:420px;
	font-size:10px;
	float:left;
}

#footer .logo img{
	float:left;
	margin:5px 5px 0 0;
	width:131px;
}

#footer .logo .txt{
	float:left;
	line-height:130%;
}
#footer .logo .txt a{ color:#333333; text-decoration: none;}

#footer .copy{ font-size:10px; float:right;}