@charset "UTF-8";
/****************
 PCサブ、トップで使用
*****************/

#wrapper {
	width:100%;
	border-top:solid 4px #4359a3;
	background-image: url(../img_pc_common/wrapper_bg.png);
	background-position: center top;
	background-repeat: repeat;
}
#wrapper2{
	width:100%;
	background-image: url(../img_pc_common/wrapper2_bg.png);
	background-position: left top;
	background-repeat: repeat-x;
}

#wrapper3{
	width:100%;
	background-image: url(../img_pc_common/wrapper3_bg.png);
	background-position: left top;
	background-repeat: repeat-x;
}
#wrapper4{
	width:100%;
	background-image: url(../img_pc_common/wrapper4_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#header {
	width: 100%;
	background-image: url(../img_pc_common/header_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
}
#headerIn{
	width:950px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	z-index: 3;
}
#headerLogo {
	left:28px;
	top:23px;
	position: absolute;
	z-index: 10;
}

#headerTopNav{
	width:436px;
	position: absolute;
	left: 507px;
	top:8px;
}
#headerTopNav .list li{
	float: left;
	margin-left:15px;
}


#headerSize {
	position: absolute;
	right: 183px;
	top: 38px;
	width: 202px;
}
#headerSize .title {
	left: 0;
	top: 0px;
	position: absolute;
}
#headerSize dd {
	position: absolute;
	top: 0;
}
#headerSize .item {
	left: 98px;
}
#headerSize .item2 {
	left: 149px;
}


#headerColor {
	width: 140px;
	position: absolute;
	right: 22px;
	top: 38px;
}
#headerColor .title {
	left: 0;
	top: 0px;
	position: absolute;
}
#headerColor dd {
	position: absolute;
	top: 0;
}
#headerColor .item {
	left: 62px;
}
#headerColor .item2 {
	left: 89px;
}
#headerColor .item3 {
	left: 116px;
}

#headerNavContainer{
	width:950px;
	position: absolute;
	background-color: #bed3eb;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 16px;
	-moz-border-radius: 10px;
	-moz-border-radius-topright: 16px;
	border-radius: 10px;
	border-top-right-radius: 16px;
}
#headerNavContainer>.in{
	padding-top:4px;
	padding-right:5px;
	padding-bottom:6px;
	padding-left:5px;
}
#headerNav{
	position: relative;
	z-index: 3;
}
/**
* DropMenu
*/
#headerNav .list .dropMenu{
	width:100%;
/*	visibility: hidden;*/
	position: absolute;
	top:40px;
	z-index: 90;
	display: none;
}
#headerNav .list>li{
	float: left;
}

#headerNav .list .focus{
	visibility: visible;
}

#headerNav .in{
	width:950px;
	margin-top:4px;
	padding-bottom:4px;
	position: relative;
	background-color: #bed3eb;
	margin-left: -5px;
/*	margin-left:auto;
	margin-right:auto;*/
	-webkit-border-bottom-right-radius: 16px;
	-webkit-border-bottom-left-radius: 16px;
	-moz-border-radius-bottomright: 16px;
	-moz-border-radius-bottomleft: 16px;
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}
#headerNav .list .bg_{
	margin-top: 4px;
	margin-left:4px;
	margin-right:4px;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:25px;
	padding-right:25px;
	background-color: #fff;
	overflow: hidden;
}
#headerNav .list div.bg_,
#headerNav .list dl.bg_:nth-child(2){
	-webkit-border-bottom-right-radius: 16px;
	-webkit-border-bottom-left-radius: 16px;
	-moz-border-radius-bottomright: 16px;
	-moz-border-radius-bottomleft: 16px;
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}
#headerNav .list div.bg_,
#headerNav .list dl.bg_:first-child{
	margin-top:0;
}
#headerNav .list dt{
	width:115px;
	display: block;
	float: left;
	margin-top:8px;
}
#headerNav .list dd{
	width:765px;
	float: right;
}

/* リスト横ならび */
#headerNav .list3{
	overflow: hidden;
}
#headerNav .list3 li{
	width:280px;
	float: left;
	margin-left:15px;
	margin-top: 5px;
}
#headerNav .nav2 .list3 li{
	width:221px;
	float: left;
	margin-left:15px;
	margin-top: 5px;
}
#headerNav .list3 li a{
	padding-left:17px;
	background-image: url(../img_pc_common/common_arrow3.png);
	background-repeat: no-repeat;
	background-position: left 4px;
}

#headerSubNav{
	width:465px;
	margin-top:15px;
}
#headerSubNav .list{
	height: 32px;
}
#headerSubNav .list li{
	float: left;
	height: 32px;
	margin-left:5px;
}

#headerSubNav .list li a{
	line-height: 1;
}

#headerSearch{
	width:360px;
	position: absolute;
	top:58px;
	right: 5px;
}
#headerSearch dt{
	width:91px;
	height: 32px;
	position: absolute;
	top:0;
	left: 0;
}
#headerSearch dd{
	width:256px;
	position: absolute;
	top:0;
	left: 103px;
}


/*リードスピーカー*/
#readSpeaker{
	width:950px;
	margin-left: auto;
	margin-right: auto;
/*	padding-bottom:10px;*/
}

#container{
	width:100%;
	background-image: url(../img_pc_common/container_bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;

}
#container2{
	width:100%;
	padding-bottom:150px;
	background-image: url(../img_pc_common/container2_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#pagetop {
	width:50px;
	height: 50px;
	position: absolute;
	right: 15px;
	bottom:225px;
}
#footerLogo{
	font-size:120%;
}
#footer {
	font-size: 90%;
	background-color:#4359a3;
	padding-top:19px;
	color:#fff;
}
#footer .col2Mod{
	width:950px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#footer .col2Mod .in{
	padding-left:112px;
	background-image: url(../img_pc_common/footer_chara.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}
#footer a{
	color:#fff;
}
#footer .L{
	width:600px;
	float:left;
}
#footer .L dt,
#footer .L dd{
	float: left;
}
#footer .L dt{
	width:70px;
}
#footer .L dd{
	width:530px;
}
.address{
	font-style: normal;
	margin-top:15px;
}

#footer .R{
	width: 204px;
	float: right;
}
#footer .R .list li{
	margin-top:4px;
}
#footer .R .list li:first-child{
	margin-top: 0;
}
#footer .copyright {
	background-color: #4c65b8;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}

#smartphone {
	text-align: center;
}

.radius1{
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}