@charset "utf-8";

*{
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
}

body {
}

.mainpattern #container { 
	width: 740px;
	margin: 0 auto;
	text-align: left;
}
@media screen and (max-width: 768px) {
	.mainpattern #container { 
		width: auto;
	}
}
/*
ヘッダー
-------------------------------------------*/
.mainpattern #header { 
	margin: 0;
	padding: 0;
	background: #260000;
} 
.mainpattern #headerh {
	width: 740px;
	height: 50px;
	background-image: url(../images/back740.png);
}
@media screen and (max-width: 768px) {
	.mainpattern #headerh { 
		width: auto;
		height: 45px;
		background-image: url(../images/back580.png);
		background-repeat: no-repeat;
	}
}
.mainpattern #headerh h1 {
	font-size:1em;
	color: #999999;
	padding: 10px 0 0 45%;
}


/*
メイン、フッター
-------------------------------------------*/
.mainpattern #mainContent { 
	margin: 0px;
	padding: 0px 5px 0px 5px;
} 
.mainpattern #footer { 
	padding: 10px 10px 10px 10px;
	background: #242424;
} 
.mainpattern #footer p {
	margin: 0px;
	padding: 5px 10px;
	font-size:0.625em;
	color: #FFFFFF;
}

/*
グローバルナビゲーション
-------------------------------------------*/
#navi {
	width: auto;
	height: 34px;
	padding-left: 0px;
	position: relative;
	margin: 0 0 0 0;
	background: #333;
}
#navi ul {
	height: 26px;
}
#navi li a {
	display: block;
	float: left;
	height: 26px;
	width: 120px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 8px;
	text-decoration: none;
	font-size: 0.813em;
	color: #F0F0F0;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
	background: #222;
}
#navi li a:hover {
	background: #000;
}
#navi li {
	display: inline;
}
/*
レイアウト
-------------------------------------------*/

.information{
	width:90%;
	padding: 5px 10px 5px 10px;
	border-width: 1px 1px 1px 1px;
	border-style: dotted;
	border-color: #E1E1E1;
	word-break: break-all;
}

.blue_info{
	width:90%;
	margin-top:0px;
	padding: 5px 10px 5px 10px;
	background:#eee;
	position:relative;
}

.yellow_box{
	width:90%;
	margin-top:0px;
	padding: 5px 10px 5px 10px;
	background:#fff8d4;
	border:2px solid #ded647;
	border-radius:0.2em;
	position:relative;
}

.hreview{
	width:90%;
	padding: 5px 10px 5px 10px;
}
.left10 {
	padding-left: 10%;
	margin: 5px 0 5px 0;
}
.left100 {
	padding-left: 25%;
}

.pr_wrap{
	margin-top: 5px;
	padding: 0px 0px 5px 5px;
}
.pr_wrap .pr_lefts {
	float: left;
	width: 200px;
	position: relative;
	margin: 0px 0px 0px 0px;
}
.pr_wrap .pr_lefts img {
	float: left;
	width: 200px;
	position: relative;
}
.pr_wrap .pr_rights {
	float: left;
	width: 200px;
	position: relative;
	margin: 0px 0px 0px 0px;
}
.pr_wrap .pr_rights img {
	float: left;
	width: 200px;
	position: relative;
	margin: 0px 0px 0px 0px;
}

.pr_wrap .pr_rights p, .pr_wrap .pr_lefts p{
	float: left;
}
.pr_wrap .pr_rights img, .pr_wrap .pr_lefts img{
	float: left;
}

@media screen and (max-width: 768px) {
	.pr_wrap .pr_rights, .pr_wrap .pr_lefts { 
		width: 180px;
	}
}
@media screen and (max-width: 768px) {
	.pr_wrap .pr_rights img, .pr_wrap .pr_lefts img { 
		width: 180px;
	}
}

.flex_box{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.flex_item{
	width:230px;
	padding: 0px 5px 0px 0px;
}
@media screen and (max-width: 768px) {
	.flex_item{
		width:190px;
		padding: 0px 5px 0px 0px;
	}
}
.flex_item img {
	width: 200px;
}
@media screen and (max-width: 768px) {
	.flex_item img {
		width: 180px;
	}
}
.flex_itemfull{
	width:460px;
	word-wrap: break-word;
}
@media screen and (max-width: 768px) {
	.flex_itemfull{
		width:350px;
		word-wrap: break-word;
	}
}

/*
フッター・ナビ
-------------------------------------------*/
#fnavi {
	width: auto;
	margin: 0px 0px 0px 10px;
}

#fnavi li {
	float: left;
	list-style: none;
	color: #FFFFFF;
	font-size: 0.750em;
	margin: 0px;
}

/*
文字
-------------------------------------------*/

p{
	font-size:0.875em;
	color: #A1005C;
	line-height:1.5em;
	margin: 10px 5px 10px 5px;
}

.title	{
	border-left:5px solid #A1005C;
	border-bottom:1px solid #22B473;
	padding:3px 3px 3px 10px;
	margin: 30px 0px 10px 0px;
	font-size: 1.063em;
	color: #A1005C;
}

.bigred{
	font-size:1.063em;
	color: #ff0000;
}
.red{
	font-size:0.875em;
	color: #ff0000;
}
.navy{
	font-size:0.875em;
	color: #000080;
}
.bignavy{
	font-size:1.063em;
	color: #000080;
}
.dimgray{
	font-size:0.875em;
	color: #696969;
}
.dimgrays{
	font-size:0.750em;
	color: #696969;
	line-height:1.0em;
	margin: 2px 1px 2px 1px;
}
.white{
	font-size:0.875em;
	color: #ffffff;
}
.pink{
	font-size:1.063em;
	color: #ff1493;
}
.green{
	font-size:0.875em;
	color: #636546;
}
.description{
	font-size:0.875em;
	color: #dc143c;
}
.rating{
	font-weight:bold;
	color: #dc143c;
}
.navys{
	font:0.750em Verdana, Arial, Helvetica, sans-serif;
	display: block;
	text-align: center;
	background: #DE3A57;
	padding: 2px 2px;
	border-top:1px double #F2637C;
	border-left:1px double #F2637C;
	border-bottom:1px double #A92C42;
	border-right:1px double #A92C42;
	color: #fff;
	width: 140px;
}
.aliceblue{
	font:0.875em Verdana, Arial, Helvetica, sans-serif;
	color: #f0f8ff;
	line-height:1.5em;
}

.black01{
	font:0.875em "ＭＳ ゴシック", "Osaka－等幅", Arial, Helvetica, sans-serif;
	color: #010101;
	line-height:1.5em;
}
.black02{
	font:0.875em "ＭＳ ゴシック", "Osaka－等幅", Arial, Helvetica, sans-serif;
	color: #010101;
	line-height:0.8em;
}
.ylw{
	background-color:#FFE566;
	font-weight:bold;
	padding:1px;
}

/*
リンク
-------------------------------------------*/

a{
	text-decoration: none;
}

a:hover{
	color : #E87911;
	text-decoration : underline;
}

a:hover img{
	opacity:0.5;
	filter: alpha(opacity=50);
}

#fnavi a {
	color: #FFFFFF;
}



/*
その他
-------------------------------------------*/

img{
	border:0px;
}
@media screen and (max-width: 768px) {
	.mobile img { 
		width: 580px;
	}
}
table {
	border-collapse: collapse;
}
table td {
	border-collapse: collapse;
	padding: 5px;
	border: 1px solid #999999;
	word-break: break-all;
}
table th {
	border-collapse: collapse;
	padding: 5px;
	background-color: #FAF8F3;
	border: 1px solid #999999;
}


.left{
	text-align:left;
}
.right{
	text-align:right;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.clearfloatleft {
	clear:left;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.mailform{
	height:auto;
	padding: 0 0 0 25px;
	background: url(../images/mail.png);
	background-repeat: no-repeat;
}