@charset "utf-8";

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

html, 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, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a, input {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
}
body { line-height:1; position:relative;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, dl { list-style:none; }
del { text-decoration: line-through; }
table {	border-collapse:collapse;	border-spacing:0;	empty-cells:show;	font-size:inherit;	font:100%;}
th,td,img {	border:0;}
caption, th {	text-align:left;}
img,a img{	background:transparent;}
address {	font-style:normal;}
hr { display:none;}
input, select { vertical-align:middle; }


/* link
------------------------------------------------------*/ 

a:link {	color:#003366; text-decoration:underline;}
a:visited {	color:#003366;	text-decoration:underline;}
a:hover {	color:#6685A3;	text-decoration:underline;}
a:active {	color:#6685A3;	text-decoration:underline;}

/* text
------------------------------------------------------*/ 

/*
	Font-size Setting
	8px  :  57.1%		17px : 121.4%
	9px  :  64.2%		18px : 128.5%
	10px :  71.4%		19px : 135.7%
	11px :  78.5%		20px : 142.8%
	12px :  85.7%		22px : 157.1%
	13px :  92.8%		24px : 171.4%
	14px :  100%		 26px : 185.7%
	15px :  107.1%		28px : 200%
	16px :  114.2%		30px : 214.2%
*/

.txt8 {	font-size:57.1%;}
.txt9 {	font-size:64.2%;}
.txt10 {	font-size:71.4%;}
.txt11 {	font-size:78.5%;}
.txt12 {	font-size:85.7%;}
.txt13 {	font-size:92.8%;}
.txt15 {	font-size:107.1%;}
.txt16 {	font-size:114.2%;}
.txt17 {	font-size:121.4%;}
.txt18 {	font-size:128.5%;}
.txt19 {	font-size:135.7%;}
.txt20 {	font-size:142.8%;}
.txt22 {	font-size:157.1%;}
.txt24 {	font-size:171.4%;}
.txt26 {	font-size:185.7%;}
.txt28 {	font-size:200%;}
.txt30 {	font-size:214.2%;}

p {
	line-height:1.8;
}

dt,dd,li,th,td,address {
	line-height:1.8;
}

p,dt,dd,li,th,td,input,textarea,address {
	font-size:100%;
}

img {
	vertical-align:bottom;
}

a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

@media only screen and (max-width: 640px) {

body {
	background: url("/lib/img/user_guide/buddha/bg_body.png") repeat;
	background-size: 100% auto;
}

}

/* header
------------------------------------------------------*/ 
#container {
	background:url(/lib/img/user_guide/buddha/bg_header.png) left top no-repeat;
	background-size: 100% auto;
	padding-top:30px;
}

#header.top .header_inner {
	background:url(/lib/img/user_guide/buddha/img_header_01.png) center top no-repeat;
	margin:0 auto;
	text-align:center;
	padding:150px 0 40px;
}

#header.simple .header_inner {
	margin:0 auto;
	padding-bottom:30px;
	width:950px;
}

@media only screen and (max-width: 960px) {

#header.simple .header_inner {
	margin:0 10px;
	width:auto;
}

}


@media only screen and (max-width: 640px) {

#header.simple .header_inner .logo img {
	height:auto;
	width:220px;
}

#container {
	background:url(/lib/img/user_guide/buddha/bg_header_sp.png) left top no-repeat;
	background-size: 100% auto;
	padding-top:15px;
}

#header.top .header_inner {
	background:url(/lib/img/user_guide/buddha/img_header_01.png) center top no-repeat;
	background-size:150px 79px;
	margin:0 20px;
	padding:85px 0 20px;
}

#header.top .header_inner img {
	height:auto;
	width:70%;
}

}

/* contents
------------------------------------------------------*/ 
#topicpath {
	margin-bottom:30px;
}

#topicpath p {
	font-size:92.8%;
}

#main {
	margin:0 auto;
	padding-bottom:30px;
	width:950px;
}

#nav {
	background:url(/lib/img/user_guide/buddha/bg_nav.png) repeat;
	padding:20px 0 10px;
	width:100%;
}

#nav .sec {
	margin:0 auto;
	width:950px;
}


@media only screen and (max-width: 960px) {

#main {
	margin:0;
	padding:0 10px 30px 10px;
	width:auto;
}

#nav {
	background:url(/lib/img/user_guide/buddha/bg_nav.png) repeat;
	background-size:25px 25px;
	box-sizing: border-box;
	padding: 2em 1em;
}

#nav .sec {
	margin:0;
	width:auto;
}

}


/* footer
------------------------------------------------------*/ 
#footer {
	background: #000;
	padding-top: 15px;
}

#footer .ftpack {
	margin:0 auto;
	width:950px;
}

#footer p,
#footer li,
#footer dt,
#footer dd,
#footer a {
	color:#ECECEC;
}

#footer dt {
	font-weight:bold;
}

#footer dd {
	font-size:85.7%;
}

#footer .copyright {
	font-size:78.5%;
	display:block;
	text-align:center;
	padding:15px 0;
}

@media only screen and (max-width: 960px) {

#footer .ftpack {
	margin:0 10px;
	width:auto;
}

}