/* CSS Document */

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}

/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}

/*because legend doesn't inherit in IE */
legend{color:#666;}

/* Commons */
html {
	overflow-y: scroll;
}
body {
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	font-size: 14px;
	color: #333;
	margin: 0;
	padding: 0;
	background: url(../img/bg.png) top center repeat-x;
	background-color: #2265ce;
}
* html body { font-size: 91%; } /* IE6 */  
*:first-child+html body { font-size: 91%; } /* IE7 */ 

/* Link Color */
a:link { color: #00f; text-decoration: underline; }
a:visited { color: #00f; text-decoration: underline; }
a:hover { color: #00f; text-decoration: none; }
a:active { color: #00f; text-decoration: none; }

/* Font Size */
.f16 { font-size: 133%; line-height: 1.5em; }
.f14 { font-size: 116%; line-height: 1.5em; }
.f12 { font-size: 100%; line-height: 1.5em; }


/* Layout ==================================================================================== */

#container {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#content {
	width: 950px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	text-align: left;
	background: #fff;
}


/* Header ==================================================================================== */

#header {
	border-bottom: 1px solid #333;
	padding: 5px 5px 5px 0;
}

.headLogo {
	float: left;
        font-family: Helvetica,Arial;
        margin-bottom: 5px;
        width: 280px;
}

.headLogo img {
    display: block;
    float: left;
    height: auto;
    margin: 12px 0 0;
    width: 140px;
}

.logo_area_wrapper {
    float: left;
    margin: 20px 0 0;
    width: 140px;
}

.logo_area_name {
    color: #1A2364;
    font-size: 16px;
    font-weight: bold;
    line-height: 19.7px;
    margin-bottom: 4px;
    margin-left: 5px;
}

.logo_optour {
    color: #1A2364;
    font-size: 11px;
    line-height: 13.5px;
    margin: 0 0 0 5px;
}

.headSup {
	margin: 40px 0 0 0;
	font-size: 91%;
	float: right;
}
* html .headSup { font-size: 85%; } /* IE6 */  
*:first-child+html .headSup { font-size: 85%; } /* IE7 */ 


/* Nav ==================================================================================== */

#nav {
	margin: 0;
	padding: 0;
}

/* TopicPath */
#topicPath {
	margin: 8px 0;
	float: left;
}
#topicPath ul {
	padding: 0;
}
#topicPath ul li {
	margin: 0;
	padding: 1px 15px 1px 5px;
	font-size: 91%;
	line-height: 1em;
	background: url(../img/bred_arrow.png) right 50% no-repeat;
	float: left;
	display: inline;
}
* html #topicPath ul li { font-size: 85%; } /* IE6 */  
*:first-child+html #topicPath ul li { font-size: 85%; } /* IE7 */ 

#topicPath ul li.topicCurrent {
	color: #333;
	font-weight: bold;
	background: none;
}

/* About */
#about {
	margin: 8px 0;
	float: right;
}
#about ul {
	padding: 0;
}
#about ul li {
	margin: 0;
	padding: 0 5px;
	font-size: 91%;
	line-height: 1em;
	float: left;
	display: inline;
}
* html #about ul li { font-size: 85%; } /* IE6 */  
*:first-child+html #about ul li { font-size: 85%; } /* IE7 */ 


/* Read ==================================================================================== */

#read {
}
#read h2 {
	line-height: 1em;
}
#read h3 {
	padding: 40px 0 20px 0;
}

.readMore {
	min-height: 370px;
	margin: 0 20px 0 420px;
}
.read01 {
	width: 290px;
	color: #fff;
	line-height: 1.8em;
	margin: 0 15px 1em 0;
}


/* Main ==================================================================================== */

#article {
	margin: 0;
	padding: 20px 0;
	line-height: 1.5em;
	clear:both;
}
#article h3 {
	margin: 0px 0 .2em 0;
	font-size: 116%;
	font-weight: bold;
}
#article h4 {
	margin: .5em 0 .2em 0;
	font-weight: bold;
}
#article p.more {
	padding: 0 0 0 .5em;
}
.list1 ul { }
.list1 li {
	margin: .3em 0 0 1.7em;
	list-style: decimal outside;
	line-height: 1.5em;
}
.list2 ul {
	padding: .5em 0 0 0;
}
.list2 li {
	margin: .3em 0 0 0;
	padding: 0 0 0 15px;
	background: url(../img/listmark1.png) 0 0.35em no-repeat;
	line-height: 1.5em;
}

#left_block{
 float:left;
 width:630px;
 padding:0px 20px 25px 25px;
}
#left_block .sample_coupon{
 display:block;
 margin:35px auto 15px auto;
}
#right_block{
 float:left;
 width:260px;
}
#right_block .description{
 font-size:0.9em;
 margin:0px 10px 20px 10px;
}
#right_block .photo img{
 display:block;
 margin:5px auto 15px auto;
}





/* clearfix ==================================================================================== */

.cf:after,#header:after,#topicPath:after,.readMore:after,#nav:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
}  
* html .cf,#header,#topicPath,.readMore,#nav { zoom: 1; } /* IE6 */  
*:first-child+html .cf,#header,#topicPath,.readMore,#nav { zoom: 1; } /* IE7 */