﻿
/*
	common
-------------------------------------------------------------------- */


/* .cartjs_box 
------------------------------------*/

input, button, textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.btn_txt {
	display: none;
}

.cartjs_box {
	display: block;
	background: #000;

	width: 50%;
	height: 50px;
	margin: 20px 0;
	
	border: #FFF solid 1px;
}

.cartjs_cart_in {
	background: #000;
	display: block;
	border: #FFF solid 1px;
	text-align: center;
	text-decoration: none;
	
	width: 97%;
	margin: 5px 1.5%;
}

.cartjs_box .btn {
	font-family: "Times New Roman", Times, serif;
	color: #FFF;
	
	font-size: 16px;
	height: 38px;
	line-height: 38px;
}

.cartjs_cart_in:hover {
	background: #333;
	text-decoration: none;
}








body {
	background: #FFF;
}

h2 span,
#contents p span,
#contents h3 span,
#contents h4 span,
#main_btm {
	display: block;
	max-width: 1200px;
	margin: 0 auto;
}

#main_btm {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f5f8ff+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f5f8ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f8ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f5f8ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f8ff',GradientType=0 ); /* IE6-9 */

	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
	padding: 40px 0;
}

#main_btm h3,
#main_btm h4 {
	font-size: 25px;
	margin-bottom: 20px;
	line-height: 160%;
}




/*
	item
-------------------------------------------------------------------- */
.item_cv {
	max-width: 1200px;
	margin: 0 auto;
	background: url(img/item01_bg.jpg) no-repeat;
	-moz-background-size: 100% auto;
	background-size: 100% auto; 
}

.item_cv .txt_top {
	text-align: center;
	padding: 50px 0;
}

.item_cv span {
	display: block;
	line-height: 140%;
}

.item_cv .txt01,
.item_cv .txt03,
.item_cv .txt04,
.item_cv .btn01 {
	font-family: "Times New Roman", Times, serif;
}

.item_cv .txt02,
.item_cv .txt05,
.item_cv .txt06 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.item_cv .txt01 {
	color: #626363;
}

.item_cv .txt01,
.item_cv .txt03 {
	font-size: 20px;
	letter-spacing: 0.1em;
}

.item_cv .txt02 {
	color: #9599A5;
	
	font-size: 40px;
}


.item_cv .left {
	width: 50%;
	float: left;
}

.item_cv .right {
	width: 50%;
	float: right;
}

.item_cv .left img {
	width: 50%;
	margin: 0 25%;
}

.item_cv .txt04 {
	font-size: 25px;
}

.item_cv .txt05 {
	padding: 10px 0 30px;
}

.item_cv .btn01 {
	display: block;
	background: #000;

	width: 50%;
	height: 50px;
	margin: 20px 0;
	
	border: #FFF solid 1px;
}

.item_cv .btn01 a {
	display: block;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	
	width: 97%;
	height: 38px;
	line-height: 38px;
	margin: 5px 1.5%;
	
	border: #FFF solid 1px;
}

.item_cv .btn01:hover {
	background: #333;
}

.item_cv .btn01 a:hover {
	text-decoration: none;
}





/* sp */
@media screen and (max-width:640px){

#main_btm {
	font-size: 10PX;
}

#main_btm h3,
#main_btm h4 {
	font-size: 15px;
	margin-bottom: 20px;
	line-height: 160%;
}


/*
	item
-------------------------------------------------------------------- */
.item_cv {
	-moz-background-size: auto 100%;
	background-size: auto 100%; 
}

.item_cv .txt_top {
	padding: 20px 0;
}

.item_cv span {
	line-height: 140%;
}

.item_cv .txt01,
.item_cv .txt03 {
	font-size: 12px;
	letter-spacing: 0.1em;
}

.item_cv .txt02 {
	font-size: 20px;
}


.item_cv .left {
	width: 100%;
	float: none;
}

.item_cv .right {
	width: 100%;
	float: none;
	text-align: center;
}

.item_cv .left img {
	width: 50%;
	margin: 0 25%;
}

.item_cv .txt04 {
	font-size: 15px;
}

.item_cv .txt05 {
	padding: 5px 0 20px;
}

.item_cv .btn01 {
	width: 80%;
	height: 50px;
	margin: 20px 10%;
}

.item_cv .btn01 a {
	width: 97%;
	height: 38px;
	line-height: 38px;
	margin: 5px 1.5%;
}


/* input btn */
.cartjs_box {
	width: 80%;
	height: 50px;
	margin: 20px 10%;
}

.cartjs_cart_in {
	width: 97%;
	margin: 5px 1.5%;
}

.cartjs_box .btn {
	font-size: 16px;
	height: 38px;
	line-height: 38px;
}

}

