@charset "UTF-8";

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

img,
object,
embed {max-width: 100%;}

html {overflow-y: scroll;}

ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: middle; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

button, input, select, textarea {margin: 0;}

button {width: auto; overflow: visible;}
 
.ie7 img {-ms-interpolation-mode: bicubic;}

.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

.clearfix:before, .clearfix:after, .container:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after, .container:after { clear: both; }  
.clearfix, .container { zoom: 1; }  

/*
--------------------------------------------------------------*/
.bold {font-weight: bold !important;}
.fw_n {font-weight: normal;}

.f_l {float: left;}
.f_r {float: right;}

.ta_r {text-align: right;}
.ta_c {text-align: center;}

.mt5 {	margin: 5px 0 0 0;}
.mt10 {	margin: 10px 0 0 0;}
.mt15 {	margin: 15px 0 0 0;}
.mt20 {	margin: 20px 0 0 0;}
.mt30 {	margin: 30px 0 0 0;}
.mt40 {	margin: 40px 0 0 0;}
.mt50 {	margin: 50px 0 0 0;}
.mt60 {	margin: 60px 0 0 0;}

.ml10 {	margin: 0 0 0 10px;}

.p10 { padding: 10px;}
.p20 { padding: 20px;}

.pr20 { padding: 0 20px 0 0;}

.pl5 { padding: 0 0 0 5px;}
.pl10 { padding: 0 0 0 10px;}
.pl15 { padding: 0 0 0 15px;}
.pl20 { padding: 0 0 0 20px;}
.pl40 { padding: 0 0 0 40px;}

.p0_10 { padding: 0 10px;}
.p0_20 { padding: 0 20px;}

.fs_120 {font-size: 120%;}
.fs_80 {font-size: 80%;}


.red {color: #e40000;}
.blue {color: #03F;}
.green {color: #5b9733;}
.white {color: #fff;}

.d_i {display: inline;}

.va_b {vertical-align: bottom;}

.w920 {width: 920px;}
.w960 {width: 960px;}
.w980 {width: 980px;}
.w1000 {width: 1000px;}

.kadomaru {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
}

/* 
-------------------------------------------------------------------------------*/

/* --------------------------------------------------
	0. Resetting default margin and padding
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas {
	margin: 0;
	padding: 0;
}
article, aside, figure, figcaption,footer,
h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section {
	display: block;
}



/* --------------------------------------------------
	1. HTML, Body, Anchor
-------------------------------------------------- */
html {
	overflow-y: scroll;
	text-align: center;
	background: #fff;
} /* for mozilla: always display scrollbar */

body {
	color: #222;
	font-family: Myriad, Helvetica, Arial, "Meiryo", "メイリオ", sans-serif; 
	_font-family: 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 15px;
	*font-size: 82%;
	line-height: 1.6;
	word-break: break-all; 
	-webkit-text-size-adjust:none;
	background: #fff url("../img/bg.png") top left;
}
html.osMac body,
body.osMac {
	font-family: Myriad, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo","メイリオ",  sans-serif;
}
body.en {
	word-break: normal; 
}

/*
Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px
*/

a { color: #351908; }	
a:link, a:visited, a:active, a:hover { text-decoration: none; }

:selection {
	text-shadow: none !important;
}

header,.container {
	_width: 1000px;	
}

/* --------------------------------------------------
	2. Heading, Paragraph
-------------------------------------------------- */

header {
	background: url("../img/bg_header.png") no-repeat top center;
	height: 310px;
}

h1 {
	color: #e4d9c3;
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	position: relative;
	z-index: 10;
	max-width: 1000px;
	min-width: 300px;
	margin: 0 auto;
	height: 40px;
	padding: 5px 0 0 100px;
}

.header_box {
	width: 860px;
	margin: 0 auto 50px;
	padding:0 40px 0 0;
	height: 155px;
}


h2 {
	float: left;	
}


.pagetop {
	width: 1000px;
	margin: 0 auto;
	text-align: right;
}

footer {
	margin: 40px 0 0 0;
	padding: 0px 0 30px 0;
	background: url("../img/bg_footer.png") no-repeat top center;
	color: #fff;
	font-size: 90%;
	text-shadow: 1px 1px 3px #555;
	text-align: left;
}

.footer_box {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}


footer a:link,footer a:visited,footer a:active,footer a:hover {
	color: #fff;
	text-shadow: 1px 1px 3px #555;
	font-size: 90%;
}

footer a:link {
	text-decoration: underline;
}

footer a:hover {
	text-decoration: none;
}


/* p {} */

/* --------------------------------------------------
	3. List
-------------------------------------------------- */
li { list-style: none; }

/* --------------------------------------------------
	4. Table
-------------------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
}
caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

/* --------------------------------------------------
	5. Form
-------------------------------------------------- */
fieldset { border: none; }
input, textarea, select, label {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;
}
label { cursor: pointer; }
textarea { overflow: auto; }
legend { display: none; }

/* --------------------------------------------------
	6. Other
-------------------------------------------------- */
img {
	border: none;
	vertical-align: top;
}
object {
	vertical-align: middle;
	outline: none;
}

article {
	float: left;
}




/* ------------------------------------------------------------
	7. For IE6/7
------------------------------------------------------------ */

/* for IE7: page zoom bug fix */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }

/* //////////////////////////////////////////////////
[Layout] 
////////////////////////////////////////////////// */

/* --------------------------------------------------
	0. Container
-------------------------------------------------- */
.container {
	position: relative;
	z-index: 10;
	max-width: 1000px;
	min-width: 300px;
	margin: 0 auto;
	text-align: left;
}

/* Media Query
----------------------------------- */ 
@media screen and (max-width: 950px) {
.container {
		margin: 5px auto 0;
		padding-top: 0;
	}
}
@media screen and (max-width: 480px) {
.container {
		margin: 10px auto 0;
	}
}




/* Print style
-------------------------------------------------------------------------------*/
@media print {



}


/* Media querie
-------------------------------------------------------------------------------*/

@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}