﻿@charset "UTF-8";




#smartphone {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    width: 960px;
}


#wrapper {
/*	width: 1060px;*/
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
	background-color:#faf0ca;
}
#wrapperInside {
	width:960px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	width: 100%;
/*	height:380px;*/
}
#headerOutside {
	width: 100%;
	min-width: 1060px;
	height:380px;
	background-image:url("../img_top/header_bg_img.png");
}
#headerOutsideSub {
	width: 100%;
	min-width: 1060px;
	height:293px;
	background-image:url("../img_sub/kasou/header_bg_img.png");
}
#headerInside {
	width:1060px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#headerLogo {
	left:10px;
	top:10px;
	position: absolute;
}

div.headerPictureMod {
	width:1060px;
/*	height:287px;*/
	position:relative;
}

div.headerPictureMod .headerleft {
	float:left;
}

div.headerPictureMod .header01 {
	display:none;
	float:left;
	display:block;
}

/*
<p class="headerleftSub">
<img src="/material/template/img_sub/kasou/header_picture_mod_left.png" alt="メイン左固定画像" /></p>
<p class="header01Sub">
*/


.headerPictureMod ul.headerSubNavMod {
	position:absolute;
	top:0px;
	right:55px;
	font-size: 14px;
}

div.headerPictureMod ul.headerSubNavMod li {
	float:left;
}

div.headerPictureMod ul.headerSubNavMod li,
div.headerPictureMod ul.headerSubNavMod li a {
	color:white;
	margin-right:5px;
}

ul.headerNavMod {
	width:963px;
	height:54px;
	margin-left:auto;
	margin-right:auto;
}

ul.headerNavMod li.nav2,
ul.headerNavMod li.nav3,
ul.headerNavMod li.nav4,
ul.headerNavMod li.nav5,
ul.headerNavMod li.nav6 {
	width:160px;
	height:54px;
	float:left;
	overflow:hidden;
}
ul.headerNavMod li.nav7 {
	width:163px;
	height:54px;
	float:left;
	overflow:hidden;
}
p.normal {
	display:block;
}
p.active {
	display:none;
}

div.headerFontSizeMod p.headerFontSizeMod_title {
	width:96px;
	height:13px;
	float:left;
	margin-top:11px;
}
div.headerFontSizeMod p.headerFontSizeMod_basic,
div.headerFontSizeMod p.headerFontSizeMod_big {
	width:45px;
	height:22px;
	float:left;
	margin-top:7px;
}
div.headerBackGroundcolorMod p.headerBackGroundcolorMod_title {
	width:72px;
	height:12px;
	float:left;
	margin-top:11px;
}

div.headerBackGroundcolorMod p.headerBackGroundcolorMod_black,
div.headerBackGroundcolorMod p.headerBackGroundcolorMod_blue,
div.headerBackGroundcolorMod p.headerBackGroundcolorMod_white {
	width:25px;
	height:22px;
	float:left;
	margin-top:7px;
}

div.headerSearchMod .headerSearchMod_btn {

	width:272px;
	float:right;
	margin-top:7px;
}
div.headerSearchMod .headerSearchMod_icon {
	width:18px;
	float:left;
	margin-top:10px;
	margin-right:5px;
}
div.headerFontSizeMod {
	margin-left:150px;
	float:left;
	width: 210px;
	overflow: hidden;
}
div.headerBackGroundcolorMod {
	margin-left:33px;
	width: 170px;
	float:left;
	overflow: hidden;
}
div.headerSearchMod {
	margin-left:30px;
	float:left;
	width: 300px;
	overflow: hidden;
}

div.headerFontSizeMod p{
	margin-right:5px;
}
div.headerBackGroundcolorMod p{
	margin-right:5px;
}
div.headerSearchMod p{
	margin-right:5px;
}

div.headerOptionMod {
	width:1060px;
}

/* headerここまで */


#pagetop {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 920px;
	text-align:right;
}



/*google検索v1のカスタマイズ*/
#gsc-i-id1 {
	width:181px !important;
	height:22px !important;
}
.gsib_a {
	padding:0px !important;
}
.gsc-input-box {
	height:22px !important;
}
input.gsc-search-button {
	background-color: #FFFFFF !important;
	margin:0px !important;
	padding:4px !important;
	padding-left:15px !important;
	padding-right:15px !important;
}
.gsc-input {
	padding:0px !important;
}
