@charset "utf-8";
/* CSS Document */

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

*Site Name : バイタス
*Description :common for pc

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

/* ----------------------------------------
*	default
---------------------------------------- */

*{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.5em;
	border:0;
	color:#000000;
	font-family:Arial, sans-serif;
}

a{text-decoration:none;}

a:hover{
	text-decoration:underline;
	color: #5c3016;	/* #3399ccから変更 #00aaff */
}

li{list-style:none;}

body{background: url("../imgs/pc_common/bg.gif") repeat;}

@media print {
  body {
    -webkit-print-color-adjust: exact;
  }
}
html{ overflow-y:scroll;}

h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,form {
	margin: 0px;
	padding: 0px;
}

img{border: 0;}

.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }

.clear{
	clear: both;
	margin: 0;
	padding: 0;
}

#global_container{
	width: 1000px;
	margin: 0 auto;
	background:url("../imgs/pc_common/global_bg.png") repeat top center;
}

#content_container{
	width: 960px;
	margin: 0 auto;
	padding: 0 10px 15px;
	border-top: 5px solid #ffaa00;	/* ページ上部にラインを追加 */
}


/* ----------------------------------------
*	header
---------------------------------------- */
#header_container{
	margin: 0;
	padding: 5px 0 0 0;
}

#header_container #header_top {width:960px;}
#header_container h1,
#header_container p#page_title{
	width:800px;
	float:left;
}

#header_container h1,
#header_container p#page_title,
#header_container #logo_txt{
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #5c3016;	/* #3399ccから変更 #00aaff */
	font-weight: normal;
}

#header_container #logo{
	width:300px;
	height:73px;
	margin:0;
}

#header_left{float: left;}

p#last_uptime {
	width:160px;
	padding:50px 0 0 20px;
	float:left;
	font-weight:bold;
	font-size:20px;
	color:#E85343;
	line-height:0;
}
p#last_uptime span {color:#FFAA00;}

#header_right{
	margin: 0;
	padding: 0;
	float: right;
}

#header_right ul{
	margin: 0;
	padding: 0;
	float: right;
}

#header_right ul li{
	width: 132px;
	margin: 0;
	padding: 3px 0 3px 22px;
	background: #5c3016 url("../imgs/pc_common/icon_arrow_yellow.png") no-repeat 12px 8px;/* #3399ccから変更 #00aaff */
}

#header_right ul li a{color: #fff600;}
#header_right ul li a:hover{color: #fffc9e;}

#header_banner_s{
	clear: both;
	margin: 0;
	padding: 5px 0 0 0;
}

/* ----------------------------------------
*	global Navi
---------------------------------------- */
#gnavi{
	width: 960px;
	margin: 8px 0 0 0;
	padding: 0;
}

#gnavi li{
	width: 192px;
	height: 60px;
	margin: 0;
	padding: 0;
	float: left;
}


/* ----------------------------------------
*	breadcrumb
---------------------------------------- */

#breadcrumb ul{
	width: 944px;
	margin: 10px 0 0 0;
	padding: 5px 8px 5px 10px;
	background: url("../imgs/pc_common/icon_home.png") no-repeat  center left;
}

#breadcrumb ul li{
	display: inline-block;
	margin-left: 5px;
	padding: 0 13px 0 0;
	background: url("../imgs/pc_common/icon_arrow_gray.png") no-repeat center right;
}
#breadcrumb ul li:last-child{
	background: none;
}

#breadcrumb a{color: #5c3016;}

/*#breadcrumb span.pan_home,
#breadcrumb span.pan {
	margin-left: 5px;
	padding: 0 13px 0 0;
	background: url("../imgs/pc_common/icon_arrow_gray.png") no-repeat center right;
	color: #5c3016;
}*/


/* ----------------------------------------
*	left_content
---------------------------------------- */
#left_content{
	width: 730px;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}

#left_content h1{
	width: 730px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: url("../imgs/pc_common/title_bg.png") no-repeat;
	color: #ffaa00;	/* #338eccから変更 */
	font-size: 18px;
}

#left_content h1.title,
#left_content h2.title{
	width: 730px;
	height: 30px;
	margin: 15px 0 0 0;
	padding: 0;
	background: url("../imgs/pc_common/title_bg.png") no-repeat;
	color: #ffaa00;	/* #338eccから変更 */
	font-size: 18px;
}

#left_content h1.sub_title,
#left_content h2.sub_title{
	width: 730px;
	height: 35px;
	margin: 20px 0 0 0;
	padding: 5px 0 0 0;
	background: url("../imgs/pc_common/sub_title_bg.png") no-repeat;
	color: #FFF;
	font-size: 18px;
	text-align: center;
}

#keyword_search{
	margin: 15px 0 0 0;
	position: relative;
}

.kw_search_box{
	width: 470px;
	height: 40px;
	padding: 0 15px;
	padding-top: 10px;
	background: url("../imgs/pc_common/kw_search_box.png") no-repeat;
	float: left;
	position: absolute;
	top: 7px;
}

.kw_search_button{float: right;}

/* ----------------------------------------
*	left_content(PICKUP BOX)
---------------------------------------- */
#pickup_box{
	margin: 20px 0 0 0;
	padding: 0;
	overflow: hidden;
}

#pickup_box_wrapper{
	width: 706px;
	height: auto;
	margin: 10px 0 0 0;
	padding: 1px 10px 16px 14px;
	/* background: url("../imgs/pc_common/contents_bg_blue.png") repeat; */
	background-color: #fffbe5;	/* 色ベタに変更 */
	margin: 10px -10px 0 0;
    /zoom: 1;/* for IE6,7 */
}

.pickup_box_contents{
	width: 120px;
	height: 170px;
	margin: 10px 10px 0 0;
	padding: 30px 6px 0;
	background: url("../imgs/pc_top/pickup_bg.png") no-repeat;
	float: left;
}

.pickup_box_contents dt,
.pickup_box_contents dt a{
	margin: 0 0 27px 0;
	color: #F82A64;
	line-height: 1.2em;
	text-align: center;
}

.pickup_box_contents dd,
.pickup_box_contents dd a{padding: 0;}

.pickup_box_contents dd a img{width:120px;}

.pickup_box_contents .pickup_commnet,
.pickup_box_contents .pickup_commnet a{
	margin: 0;
	padding: 27px 0 0 0;
	line-height: 1.3em;
	font-size: 11px;
}



/* ----------------------------------------
*	left_content(bottom free box)
---------------------------------------- */
.bottom_free_box{
	width: 680px;
	margin: 15px 0 0 0;
	padding: 0 15px 15px;
	border: 8px solid #DADADA;
	background-color: #FFF;
	/*background: url("../imgs/pc_common/line_gray.gif") no-repeat top;*/
}

.bottom_free_box h3{
	margin: 15px 0 0 0;
	font-size: 14px;
	color: #51b4b6;
}

.bottom_free_box p{
	margin: 5px 0 0 0;
	color: #666;
	font-size: 11px;
}

/* ----------------------------------------
*	right_content
---------------------------------------- */
#right_content{
	width: 210px;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
}

#right_content .bt_middle{
	margin:7px auto;
	text-align:center;
}


/*right topics banner*/
#right_pickup_wrapper{
	margin: 20px 0 0 0;
	padding: 0;
}
#right_pickup_box{
	margin: 20px 0 0 0;
	padding: 0;
}


#right_pickup_box{
	width: 190px;
	height: auto;
	margin: 10px 0 0 0;
	padding: 5px 10px 15px;
	background: url("../imgs/pc_common/contents_bg_black.png") repeat;
}

.right_topics_box{
	margin: 10px 0 0 0;
	padding: 0;
}

.right_pickup_box_contents dt{
	margin: 10px 0 0 0;
	padding: 3px 0;
	background-color: #ffaa00;	/* #338fccから変更 */
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
}

.right_pickup_box_contents dt a{
	color: #FFF;
	font-size: 13px;
}

.right_pickup_box_contents dd{
	margin: 5px 0 0 0;
}

.right_topics_box dd.right_pickup_box_contents_comment a{
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}


/* ----------------------------------------
*	footer
---------------------------------------- */
#pageup{
	float: right;
	width: 90px;
	margin: 30px 0 0 0;
	padding: 3px 0;
	text-align: center;
	background-color: #F1F1F1;
}

#pageup a{
	color: #707070;
}

#pageup a:hover{
	color: #5c3016;	/* #3399ccから変更 #00aaff */
}

#footer{
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	background-color: #FFF;
}

#footer_contents_box{
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	background-color: #FFF;
}

#footer_contents_box01 a,
#footer_contents_box02 a,
#footer_contents_box03 a,
#footer_contents_box04 a{
	color: #707070;
}

#footer_contents_box01 a:hover,
#footer_contents_box02 a:hover,
#footer_contents_box03 a:hover,
#footer_contents_box04 a:hover{
	color: #5c3016;	/* #3399ccから変更 #00aaff */
}


/*FOOTER01*/
#footer_contents_box01{
	width: 231px;
	margin: 0 0 0 20px;
	padding: 15px 0 0 0;
	float: left;
}

#footer_contents_box01 ul{
	padding: 10px 0 0 0;
}

#footer_contents_box01 ul li a{
	line-height: 1.8em;
	margin: 0;
	padding: 5px 0 0 10px;
	background: url("../imgs/pc_common/icon_arrow_gray.png") no-repeat 0 9px;
}


/*FOOTER02*/
/*
#footer_contents_box02{
	width: 231px;
	margin: 0 0 0 14px;
	padding: 15px 0 0 0;
	float: left;
}

#footer_contents_box02 p{
	padding: 0 0 5px 0;
}

#footer_contents_box02 dl{
	margin: 5px 0 0 0;
}

#footer_contents_box02 dl dt{
	margin: 0;
	padding: 0 0 0 10px;
	background: url("../imgs/pc_common/icon_arrow_gray.png") no-repeat 0 4px;
}

#footer_contents_box02 dl dd{
	margin: 0 8px 0 0;
	padding: 0;
	float: left;
}

#footer_contents_box02 dl dd a{
	font-size: 11px;
}
*/

/*FOOTER03*/
#footer_contents_box02 ,
#footer_contents_box03{
	width: 231px;
	margin: 0 0 0 14px;
	padding: 15px 0 0 0;
	float: left;
}

#footer_contents_box02 ul,
#footer_contents_box03 ul{
	padding: 10px 0 0 0;
}

#footer_contents_box02 ul li a,
#footer_contents_box03 ul li a{
	line-height: 1.8em;
	margin: 0;
	padding: 5px 0 0 10px;
	background: url("../imgs/pc_common/icon_arrow_gray.png") no-repeat 0 9px;
}
#footer_contents_box02 ul li a {
	padding: 2px 12px 0 10px;
	float:left;
}
/*FOOTER04*/
#footer_contents_box04{
	width: 231px;
	margin: 0 0 0 14px;
	padding: 15px 0 0 0;
	float: left;
}

#footer_contents_box04 p{
	padding: 0 0 5px 0;
}

#footer_contents_box04 dl{
	margin: 5px 0 0 0;
}

#footer_contents_box04 dl dt{
	margin: 5px 5px 0 0;
	padding: 0;
	float: left;
}

#footer_contents_box04 dl dd{
	width: 176px;
	margin: 5px 0 0 0;
	padding: 0;
	float: right;
}

#footer_contents_box04 dl dd.footer04_comment{
	margin: 0;
	padding: 0;
	line-height: 1;
}

#footer_contents_box04 dl dd.footer04_comment a{
	font-size: 11px;
}

/*copyright*/
#copyright{
	width: 100%;
	margin: 20px 0 0 0;
	padding: 8px 0;
	background-color: #e0e0e0;
	text-align: center;
}

address{
	font-style: normal;
	font-size: 11px;
	color: #707070;
}