@charset "utf-8";

/* ------------------------------
	reset
------------------------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

ul {
	list-style-type: none;
}
ul li {
	list-style-type: none;
}

ol {
padding-left:1.5em;

}
ol li {

}

em,th,address {
	font-style: normal;
	font-weight: normal;
}
strong {
	font-style: normal;
	font-weight: bold;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}

img,
object,
embed {
	border: 0;
	vertical-align: top;
}

hr {
	display: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	border:1px solid #cccccc;
	line-height:1.4;
}
td {
	border:1px solid #cccccc;
	padding:5px 8px;
	vertical-align:top;
}


/* ------------------------------
	linkcolor
------------------------------ */
a {
	color: #fff;
}

a:link,
a:visited {
	color: #fff;
	text-decoration: none;
}

a:hover,a:active {
	text-decoration: underline;
}


/* ------------------------------
	base
------------------------------ */

html {
}

body {
	color: #fff;
	background:#fc65b0 url(/share/img/sp_campaign/title_back.jpg) repeat-x center top;
	font-size:87.5%;
	font-family: Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height:1.4;
}
* html body {
	text-align:center;	
}

/* ------------------------------
	contents
------------------------------ */
#contents {
	width:920px;
	margin:0 auto;
	text-align:left;
}
#contents .textarea {
	padding:0 7px 0 10px;
}

/* ------------------------------
	first_line
------------------------------ */
.first_line {
}
.first_line .left {
	width:590px;
	float:left;
}
.first_line .left ul.item1 li {
	width:313px;
	float:left;
}
.first_line .left ul.item1 li.rgt {
	width:264px;
	float:left;
	padding-top:5px;
}
.first_line .left p.read {
	background:url(/share/img/sp_campaign/line.gif) repeat-x left bottom;
	padding:9px 0 12px 0;
	margin:0 13px 0 0;
}
.first_line .left p.check {
	font-size:85.7%;
	padding:12px 0 12px 0;
}
* html .first_line .left p.check {
	font-size:78.6%;
}
.first_line .left .quocard {
	background-color:#fc75b8;
	width:577px;	
}
.first_line .left .quocard ul {
	padding:10px 10px 7px;
}
.first_line .left .quocard ul li.btnarea {
	padding-top:5px;
	width:557px;
} 
.first_line .left .quocard ul li p.q_lft {
	width:276px;
	float:left;
}
.first_line .left .quocard ul li p.q_rgt {
	width:151px;
	float:left;
}

.first_line .right {
	width:303px;
	float:right;
	padding-top:5px;
}
.first_line .right #gmap {
	width:300px;
	height:332px;
}
* html .first_line .right #gmap {
	height:336px;
}
*:first-child + html .first_line .right #gmap {
	height:336px;
}
.first_line .right p.add {
	padding:11px 0 4px;
}
.first_line .right p.mapprint {
	text-align:right;
}

/* ------------------------------
	second_line
------------------------------ */
.second_line {
	padding-top:3px;
}
.second_line .itembox {
	width:900px;
	background:url(/share/img/sp_campaign/itemframe_btm.jpg) no-repeat left bottom;
	padding-bottom:8px;
}
.second_line .itembox .mid {
	background:url(/share/img/sp_campaign/itemframe_mid.jpg) repeat-y left top;
}
.second_line .itembox .mid ul.itemimg li {
	width:180px;
	float:left;
	font-size:85.7%;
}
.second_line .itembox .mid ul.itemimg li p.nam {
	padding:0 10px;
}
.second_line p.check {
	padding:15px 0 32px;
	font-size:85.7%;
}
* html .second_line p.check {
	font-size:78.6%;
}

/* ------------------------------
	contactbox
------------------------------ */
#contactbox {
	width:691px;
	height:124px;
	background:url(/share/img/sp_campaign/contact_back.jpg) no-repeat left top;
	margin:0 auto;
	position:relative;
}
* html #contactbox {
	margin:0 0 0 105px;
}
#contactbox p {
	width:360px;
	height:112px;
	position:absolute;
	left:322px;
	top:6px;
}

/* ------------------------------
	copyw
------------------------------ */
p.copyw {
	width:900px;
	text-align:center;
	font-size:71.4%;
	margin:0 auto;
	padding:32px 0 35px
}

/* ------------------------------
	clearfix
------------------------------ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0; 
	clear: both;
	visibility: hidden; 
}

.clearfix {
	display: inline-block;
}

/* Hide from IE-mac \*/

* html .clearfix { height: 1%; }
.clearfix { display:block; }

/* End hide from IE-mac */