@charset "utf-8";

/* 
	common
-------------------------------------------------------------------- */
header {
	background-color: #001737;	
}

#nav01 {
	background-image: url(../img/gnav_bg.gif);
}






/* 
	div
-------------------------------------------------------------------- */
header h1 {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

#nav01 ul {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}





/* 
	header
-------------------------------------------------------------------- */
header h1 {
	color: #DDD;
	
	font-size: 10px;
	padding: 3px 0;
}





/* 
	nav
-------------------------------------------------------------------- */
#nav01 #gnav01,
#nav01 #gnav02,
#nav01 #gnav03,
#nav01 #gnav04 {
	display: block;
	float: left;
	padding: 10px 30px 10px 0;
}

#nav01 a {
	display: block;
	color: #FFF;
	
	font-size: 14px;
}

#nav01 a:hover {
	color: #E1E1E1;
}

#cart {
	display: block;
	float: right;
}

#cart a {
	border: 1px solid #FFF;
	padding: 5px 10px;
	margin-top: 4px;
}

#cart a:hover {
	border: 1px solid #E1E1E1
}





/* 
	main
-------------------------------------------------------------------- */
#main {
	background-color: #001737;
}

#main p {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}





/* 
	item
-------------------------------------------------------------------- */
.item {
	background-color: #001737;
	padding-bottom: 50px;
}

.item div {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.item li {
	width: 30%;
	float: left;
}

.li_left {
	margin-right: 4.5%;
}

.item li a {
	display: block;
}





/* 
	bottun
-------------------------------------------------------------------- */
.btn01 a,
.btn02 a {
	color: #FFF;
	text-align: center;
}

.btn01 a:hover,
.btn02 a:hover {
	color: #001737;
}

.btn01 a {
	background-image: url(../img/btn01_bg.gif);
}

.btn02 a {
	background-image: url(../img/btn02_bg.gif);
}

.btn01 a,
.btn02 a {
	width: 80%;
	padding: 5px 0;
	margin: 0 10%;
}





/* 
	regular
-------------------------------------------------------------------- */
.regular {
	background-image: url(../img/regular_bg.jpg);
}

.regular_wrap {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.regular_item_bg {
	background-image: url(../img/regular01_bg.jpg);
	padding: 10px;
}

.regular01_reft {
	width: 25%;
	float: left;
}

.regular01_right {
	width: 70%;
	float: right;
}

.regular01_right_01 {
	width: 55%;
	margin-top: 30px;
}

.regular01_right_02 {
	margin-top: 20px;
	font-size: 13px;
}

.regular01_right_03 {
	margin-top: 30px;
}

.regular01_right_04 img {
	width: 55%;
}

.regular01_right_05 a {
	background-image: url(../img/btn01_bg.gif);
	color: #FFF;
	text-align: center;
	padding: 10px 15px;
}

.regular01_right_05 a:hover {
	color: #001737;
}

.regular02_01 {
	width: 48%;
	margin: 5px 26% 15px 26%;
}

ul.regular02_02 li {
	width: 18%;
	float: left;
}

ul.regular02_02 li.li_left {
	margin-right: 2.5%;
}

.regular02_03 {
	display: block;
	text-align: right;
	padding: 10px 0;
}

.regular02_03 a {
	color: #0092B1;
	font-size: 13px;
}

.regular02_03 a:hover {
	text-decoration: underline;	
}

@media screen and (max-width: 768px){
.regular01_right_01 {
	width: 100%;
	margin-top: 20px;
}

.regular01_right_03 {
	margin-top: 20px;
}

.regular01_right_04 img {
	width: 100%;
}

.regular01_right_05 a {
	display: block;
	width: 80%;
	padding: 10px 15px;
	margin-top: 30px;
	font-size: 13px;
}

.regular02_01 {
	width: 80%;
	margin: 5px 10% 15px 10%;
}
}





/* 
	contents
-------------------------------------------------------------------- */

#content01 p,
#content02 p,
#content03 p,
#content04 p,
#content05 p,
#content06 p {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

#content02 {
	background-image: url(../img/content02_bg.jpg);
}

#content03 {
	background-image: url(../img/content03_bg.jpg);
}

#content04 {
	background-image: url(../img/content04_bg.jpg);
}

#content05 {
	background-color: #001737;
}

#content06 {
	background-color: #FFF;
}


#component {
	background-color: #01266A;
	padding-bottom: 30px;
}

#component p {
	width: 80%;
	max-width: 1000px;
	margin: 0 auto;
	border: 1px solid #DDD;
	color: #DDD;
	padding: 8px;
	font-size: 10px;
	line-height: 120%;
}