@charset "UTF-8";

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

概要：PC用CSSファイル

***************************************/
body{
	min-width: 960px;
}
#header {
	margin: 0 0 10px;
	padding: 20px 0 4px;
	background: url(../img/header_bg.png) left bottom repeat-x;
}
#header_inner {
	width: 960px;
	margin: 0 auto;
}
#logo {
	float:left;
}
#utility {
	float: right;
	width: 700px;
	padding-left: 222px;
	box-sizing: border-box;
}

#header ul li, #footer ul li, #grobal ul li { float:left }

/* Search */
div#search { float:left; width: 306px; margin-right: 8px }
#search img {
	margin: 0 4px 0 6px;
}
#cse-search-box { width: 212px; background: url(../img/hd_ut_search_bg.gif) no-repeat; display:block; position:relative; height: 31px; margin:0 !important; padding:0 !important; overflow:hidden; float:right !important }
* html #cse-search-box { background: none; float: none }
#cse-search-box td { padding:0 }
#cse-search-box input[type="text"] { width: 145px !important; position: absolute; top:6px; left: 6px; border:none !important; border-radius: 0 !important }
* html .txtinput { position: relative; width: 145px; float:left; height: 22px; border:1px solid #d6d6d6 !important }
#cse-search-box input.searchbtn { position:absolute; top:0; left: 154px; border-radius: 0 !important }


/* Grobal menu */
#grobal {
	clear: both;
	overflow: hidden;
	padding: 10px 0 0;
}
div#grobal ul#main li { height:59px; float:left; text-indent: -999em }
div#grobal ul#main li a { overflow: hidden; background: url(../img/grobal.png) no-repeat; height: 59px; display:block }
div#grobal ul#main li#main01 a { background-position: 0 0; width: 54px }
div#grobal ul#main li#main01 a:hover, div#grobal ul#main li#main01_on a, div#grobal ul#main li#main01 a:focus { background-position: 0 -59px; width: 54px }
div#grobal ul#main li#main02 a { background-position: -54px 0; width: 181px }
div#grobal ul#main li#main02 a:hover, div#grobal ul#main li#main02_on a, div#grobal ul#main li#main02 a:focus { background-position: -54px -59px; width: 181px }
div#grobal ul#main li#main03 a { background-position: -235px 0; width: 181px }
div#grobal ul#main li#main03 a:hover, div#grobal ul#main li#main03_on a, div#grobal ul#main li#main03 a:focus { background-position: -235px -59px; width: 181px }
div#grobal ul#main li#main04 a { background-position: -416px 0; width: 181px }
div#grobal ul#main li#main04 a:hover, div#grobal ul#main li#main04_on a, div#grobal ul#main li#main04 a:focus { background-position: -416px -59px; width: 181px }
div#grobal ul#main li#main05 a { background-position: -597px 0; width: 181px }
div#grobal ul#main li#main05 a:hover, div#grobal ul#main li#main05_on a, div#grobal ul#main li#main05 a:focus { background-position: -597px -59px; width: 181px }
div#grobal ul#main li#main06 a { background-position: -778px 0; width: 182px }
div#grobal ul#main li#main06 a:hover, div#grobal ul#main li#main06_on a, div#grobal ul#main li#main06 a:focus { background-position: -778px -59px; width: 182px }

#spMenuBtnArea {
	display:none;
}

#spMenu {
	display:none !important;
}
#overlay {
	display:none;
}



/* contents AREA *******************************************************/
#contents {
	width: 960px;
	margin: 0 auto;
	font-size: 87.5%;
}


#breadcrumbs {
	overflow: hidden;
    background: #f8f8f8;
    padding: 8px;
    border-bottom: 1px dotted #d6d6d6;
    margin: 0 auto 15px auto;
	font-size: 87.5%;
}
#breadcrumbs li {
    list-style: none;
    float: left;
    white-space: nowrap;

}
#breadcrumbs li a {
    background: url(../img/icon_arrow_bread.png) no-repeat 0 center;
    border-right: 1px dotted #d6d6d6;
    padding: 2px 12px 2px 10px;
    margin-right: 10px;
}


/* pagetop */
#pagetop {
	width: 876px;
	margin: 0 auto;
	text-align: right;
}


#footer .inner {
	overflow: hidden;
	width: 920px;
	margin: 0 auto;
	padding: 20px;
}
#footer dl {
	float: left;
}
#copyright {
	float: right;
}


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

.fl50 {
	float: left;
	width: 48%;
}
.fr50 {
	float: right;
	width: 48%;
}

.fl40 {
	float: left;
	width: 38%;
}
.fr60 {
	float: right;
	width: 58%;
}

hr {
	margin: 20px 0;
	border: 0;
	border-top: 1px dotted #aaa;
}

.font_S {
	font-size:75%;
}

.font_M {
	font-size:90%;
}

sup {
	font-size:70%;
}