@charset "utf-8";
/* CSS Document */
#main{
	width:1024px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:auto;
}
.hr-top{
	clear:left;
	margin:10px 0;
	border:0;
	border-bottom:#09c 2px solid;
}

.kugiri{
	margin-top:100px;
	margin-bottom:50px;
	height:50px;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0099cc+0,ffffff+100&0.3+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,153,204,0.3) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,153,204,0.3) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,153,204,0.3) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d0099cc', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

body {
	margin: 0px;
}

.size-12{
	font-size:12px;
}
.size-14{
	font-size:14px;
}
.size-18{
	font-size:18px;
}
.size-20{
	font-size:20px;
}
.size-24 {font-size: 24px}

.bold{
	font-weight:bold;
}
.bold-size-12{
	font-size:12px;
	font-weight:bold;
}
.bold-size-14{
	font-size:14px;
	font-weight:bold;
}
.bold-size-18{
	font-size:18px;
	font-weight:bold;
}
.bold-size-20{
	font-size:20px;
	font-weight:bold;
}

.Red{
	color:#ff0000;
}
.Red-12{
	color:#ff0000;
	font-size:12px;
}
.Red-14{
	color: #ff0000;
	font-size:14px;
}

.orange{
	color:rgb(255,51,0);
}
.bold-orange{
	color:rgb(255,51,0);
	font-weight:bold;
}
.orange-12{
	color:rgb(255,51,0);
	font-size:12px;
}


.DeepPink{
	color:#ff0066;
}

.CornFlowerBlue {
	color: #5b9bd5;
}
.OliveDrab {
	color: #70ad47;
}


.Red-18{
	color: #ff0000;
	font-size:18px;
}
.bold-Red{
	color:#ff0000;
	font-weight:bold;
}
.bold-Red-12{
	color:#ff0000;
	font-size:12px;
	font-weight:bold;
}
.bold-Red-14{
	color: #ff0000;
	font-size:14px;
	font-weight:bold;
}
.bold-Red-18{
	color: #ff0000;
	font-size:18px;
	font-weight:bold;
}

.RoyalBlue {
	color: #3c85df;
}
.RoyalBlue-22 {
	color: #3c85df;
	color: #0070c0;
	font-size: 22px
}

.hyou{
	border-collapse: collapse;
	width:100%;
}

.hyou td{
	border:#000 1px solid;
	border-collapse: collapse;
	text-align:center;
	font-size:12px;
	padding:2px 3px;
}

.blue1 {
	background-color:#02B7D7;
}

.blue2 {
	background-color:#D7F5FF;
}

.clearfix:after {
		content:".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}
.main{
	width:1024px;
	margin:20px auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5em;
}

.main hr{
	border:0;
	border-bottom:#666 solid 1px;
}

.product-title{
	width:1024px;
	margin:auto;
	margin-bottom:50px;
}

.product-title .img1{
	display:block;
	width:140px;
	height:85px;
	float:left;
	text-align:right;
}
.product-title .img2{
	display:block;
	width:140px;
	height:37px;
	float:left;
	
	margin:24px 0;
}
.product-title div{
	float:left;
	width:744px;
	height:85px;
}

.product-title div hr{
	margin:0 20px;
}

.product-title div h2{
	font-size:18px;
	height:42px;
	line-height:42px;
	display:block;
	margin:0;
	padding:0;
	text-align:center;
}

#back{
	width:50px;
	border-radius:50px;
	background-color:#06c;
	color:#fff;
	display:block;
	text-align:center;
	padding:3px 20px;
	text-decoration:none;
	margin:auto;
}
.hyou{
	border-collapse:collapse;
	border:#333 solid 1px;
	font-size:12px;
	max-width:100%;
}
.hyou td{
	border:#333 solid 1px;
	padding:3px 5px;
	text-align:center;
}
.hyou tr.blue1{
	background-color:#d3edfa;
}
.hyou td.blue1{
	background-color:#d3edfa;
	text-align:left;
	white-space:nowrap;
}
.hyou td.blue2,.hyou tr.blue2{
	background-color:#e9f6fe;
}

.tate{
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}

.photo div{
	display:block;
	float:right;
	text-align:center;
	margin-left:30px;
	color:#069;
}

.photo div img{
	display:block;
	margin-bottom:5px;
}

.side-G{
	border:#069 solid 1px;
	padding:20px;
	border-radius:20px;
	margin-top:40px;
}

.side-G h3{
	color:#069;
	background-color:#FFF;
	margin:0;
	font-size:18px;
	margin-bottom:20px;
}

.FL{
	display:block;
	float:left;
}

.FR{
	display:block;
	float:right;
}

@media screen and (min-width:0px) and ( max-width:1024px) {
	.main{
		width:100%;
	}
	.photo1{
		width: 100%;
	}
}

@media screen and (min-width:400px) and ( max-width:750px) {
	.photo2{
		width: 80%;
	}
	.RoyalBlue-22 {
		font-size: 16px
	}
	.main h1{
		padding-top:5px;
		padding-bottom:10px;
		font-size: 22px
	}
	.mt30{
		margin-top: 20px;
	}
}

@media screen and (min-width:0px) and ( max-width:399px) {
	.photo2{
		width: 80%;
	}
	.RoyalBlue-22 {
		font-size: 14px;
		line-height: 1.2em;
	}
	.main h1{
		padding-top:0px;
		padding-bottom:5px;
		font-size: 16px;
		line-height: 1.1em;
	}
	.mt30{
		margin-top: 10px;
	}
}