@charset "UTF-8";

/*/////////////////////////////////////////////////////////////

ソースを見ていただき、ありがとうございます。
使えそうな部分がありましたら、どうぞお持ち帰りください！
---------------------------------------------------------------

	[Base] 
		0. Resetting default margin and padding
		1. HTML, Body, Anchor
		2. Heading, Paragraph
		3. List
		4. Table
		5. Form
		6. Other
		7. For IE6/7
	[Layout]
		0. Container
		1. Header
		2. Content
		3. Footer

	[Module]
		1. Common Module
		90. Other
		
	[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


//////////////////////////////////////////////////////////////*/



/* //////////////////////////////////////////////////
/////////////////////////////////////////////////////
[Base] 
/////////////////////////////////////////////////////
////////////////////////////////////////////////// */

/* --------------------------------------------------
	0. Resetting default margin and padding
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, p, blockquote, th, td, form, fieldset, legend { margin: 0; padding: 0; }

/* --------------------------------------------------
	1. HTML, Body, Anchor
-------------------------------------------------- */
html { overflow-y: scroll; } /* for mozilla: always display scrollbar */
body { font-family: verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; 
color: #332200; font-size: 13px; line-height: 1; *font-size: 82%; /* for ie6/7 */ }
body.osMac { font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif; }
body.osWin { font-family: "Meiryo","メイリオ",Verdana,Helvetica,sans-serif; }

a:link { color: #0023ff; text-decoration:underline; }
a:visited { color: #0023ff; text-decoration:underline; }
a:hover, a:active  { color: #7979ff; text-decoration:underline; }
a:hover img{ opacity:0.4; filter:alpha(opacity=40); -ms-filter: "alpha( opacity=40 )"; }

/* --------------------------------------------------
	2. Heading, Paragraph
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
h1 { font-size: 85%; padding-top: 10px; }
h2 {}
h3 { color:#333333; font-size:210%; padding: 0 0 10px 0; font-family: serif; line-height:1.4em }
h4 { color:#333333; font-size: 139%; line-height: 1.4em; border-bottom: 1px solid #e8e8e8; margin: 0 0 10px 0; }
h5 {}
h6 {}
p { color:#444444; letter-spacing:1.5px; line-height:1.7em; padding:0 0 10px 0; }

/* --------------------------------------------------
	3. List
-------------------------------------------------- */
ul {letter-spacing: -.40em; }/*←改行のスペースを消す*/
li { list-style: none; letter-spacing: normal; }/*←改行のスペースを消す*/

/* --------------------------------------------------
	4. Table
-------------------------------------------------- */
th { text-align: left; font-weight: bold; font-size: 85%;  color:#333; letter-spacing:1.2px; line-height:1.5em; }
td { text-align: left; font-size: 85%;  color:#333; letter-spacing:1.2px; line-height:1.5em; }
table.type01 { border-top:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; border-collapse:separate; border-spacing:0; }
table.type01 tr th { padding:10px; border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; font-weight:normal; }
table.type01 tr th.col { background:#EFEFEF; text-align:center; font-weight:normal; }
table.type01 tr td { padding:10px; border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; }
table.type01 tr td.num { width:10%; }
table.type01 tr td.price { width:18%; background-color:#FBE6ED; }

/* --------------------------------------------------
	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; }

/* --------------------------------------------------
	6. Other
-------------------------------------------------- */
img { border: none; vertical-align: bottom;/*画像下部のスペースを消す*/ -ms-interpolation-mode: bicubic; }
object { vertical-align: middle; outline: none; }
em, strong { font-weight: bold; font-style: normal; }
abbr, acronym { border: none; font-variant: normal;}
q:before, q:after { content: ''; }
address, caption, cite, code, dfn, var { font-weight: normal; font-style: normal; }
code, pre { font-family: monospace; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
hr { display: none; }

/* ------------------------------------------------------------
	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 { margin: 0 auto; }


/* --------------------------------------------------
	1. Header
-------------------------------------------------- */
#header { margin: 0 auto; }
#logoArea {
	background: #000000;
	color: #FFFFFF;
	box-shadow: 0 1px 2px rgba(0,0,0, 0.2);
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	right: 0;
}
#logoAreaInner { margin: 0 auto; padding: 10px 0; width: 980px; }
#logoAreaInnerLeft { float: left; }
#logoAreaInnerRight { float: right; }
#logoAreaInnerRight li { float: left; padding-left: 15px; }

#nav { background: #ffffff; margin: 70px 0 15px; }
#navInner { margin: 0 auto; width: 980px; }

#chatch {}
#chatchInner { margin: 0 auto; width: 980px; }


/* --------------------------------------------------
	2. Content
-------------------------------------------------- */
#main {}

.boxA {}
.boxAInner { margin: 0 auto; width: 980px; padding: 50px 0; }
.boxAInnerLeft { width: 650px; float: left; }
.boxAInnerRight { width: 300px; float: right; }
.boxA_footer { background: url(../img/boxA_footer.png) center center #EEEEEE; height: 50px; }

.boxB { background: #eeeeee; }
.boxBInner { margin: 0 auto; width: 980px; padding: 50px 0; }
.boxBInnerRight { width: 600px; float: right; }
.boxBInnerLeft { width: 330px; float: left; }
.boxB_footer { background: url(../img/boxB_footer.png) center center #FFFFFF; height: 50px; }

.indentPlus {
	text-indent:-2em;
  	padding-left:2em;
}

/* --------------------------------------------------
	3. Side
-------------------------------------------------- */
#side {}


/* --------------------------------------------------
	4. Footer
-------------------------------------------------- */
#footer {  }
#footerA { background: #4f4b4c; }
#footerA p { color: #FFFFFF; font-size: 85%; }
#footerA h3 { color: #FFFFFF; font-size: 162%; }
#footerAInner { margin: 0 auto; width: 980px; padding: 25px 0; }
#footerAInner .map { float: left; width: 500px; }
#footerAInner .box { float: left; width: 450px; padding: 0 0 0 30px; }
#footerAInner .box a { color: #FFFFFF; }

#footerB { background: #222420; }
#footerB p { color: #C1C1C1; font-size: 77%; }
#footerBInner { margin: 0 auto; width: 980px; padding: 25px 0; }
#footerBInnerLeft { float: left; }
#footerBInnerRight { float: right; }
#footerBInnerRight li { float: left; padding-left: 15px; }


/* //////////////////////////////////////////////////
/////////////////////////////////////////////////////
[Module]
/////////////////////////////////////////////////////
////////////////////////////////////////////////// */

/* --------------------------------------------------
	1. Common Module
-------------------------------------------------- */

/* title
----------------------------------- */
.ttl1 {}

/* textSize
----------------------------------- */
.bold{ font-weight:bold; }
.textSize12 {font-size:93%;}
.textSize14 {font-size:108%;}
.textSize18 {font-size:139%;}
.textSize21 {font-size:162%;}
.textSize24 {font-size:185%;}

/* textColor
----------------------------------- */
.textBlue { color:#08a3d8; }
.textRed { color:#b80303; background-color: #fff3f3; }


 /* section
----------------------------------- */
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.mb80 {margin-bottom: 80px;}
.mb90 {margin-bottom: 90px;}

.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mt90 {margin-top: 90px;}


 /* position
----------------------------------- */
.clear {clear: both;}
.migi {text-align: right;}
.hidari {text-align: left;}
.naka {text-align:center;}
.imgLeft {float: left;}
.imgRight {float: right;}

.clearfix:after { display:block; clear:both; height:0px; visibility:hidden; content:"."; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; height: auto; overflow: hidden; }

/* --------------------------------------------------
	90. Other
-------------------------------------------------- */
/* トップへぬるっと */
.pagetop {
	position: fixed;
	bottom: -60px;
	right: 55px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #333;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}