@charset "UTF-8";

/*/////////////////////////////////////////////////////////////
Web creator ヤマダソウイチロウ

ソースを見ていただき、ありがとうございます。
使えそうな部分がありましたら、どうぞお持ち帰りください！
また問題がある部分や「こうしたらいいんじゃない？」という所が
ありましたら、お手数ですがご連絡くださいませ。
メールアドレス info@future-lab.jp

Copyright (C) Yamada Soichiro. All Rights Reserved.
---------------------------------------------------------------

	[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

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



/* //////////////////////////////////////////////////
/////////////////////////////////////////////////////
[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 {
	background-color:#FFF;
	color: #332200;
	font-family: sans-serif;
	font-size: 13px;
	line-height: 1;
	*font-size: 82%; /* for ie6/7 */
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

body.osMac {
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
}

body.osWin {
	font-family: "Meiryo","メイリオ",Verdana,Helvetica,sans-serif;
}

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

.bold{
	font-weight:bold;
}

a:link {
	color: #333;
	text-decoration:underline;
}

a:visited {
	color: #333;
	text-decoration:underline;
}

a:hover,
a:active  {
	color: #333;
	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-weight:normal;
}

p {
	font-size:100%;
	color:#333;
	letter-spacing:1.5px;
	line-height:1.7em;
	padding:0 0 10px 0;

}

h1{
}

h2{
	font-size:162%;
	margin:0 0 10px 0;
}

h2 img{
	margin:0 0 20px 0;
	padding:0 0 5px 0;
	border-bottom:dashed 1px #dddddd;
}

h3{
}

h4{
}

h5{
}

h6{
}

/* --------------------------------------------------
	3. List
-------------------------------------------------- */

ul{letter-spacing: -.40em;}/*←改行のスペースを消す*/

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

#header li {
	display: inline;
	float: left;
}

/* --------------------------------------------------
	4. Table
-------------------------------------------------- */

table#form {
    width: 700px;
    border-collapse:collapse;
	margin:0 0 50px 0;
}

caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	padding:15px 0 15px 10px;
}

th {
	font-size:93%;
	width:200px;
	border:1px solid #B2B1AF;
}

th.title {
	background:#F60;
	border:1px solid #B2B1AF;
}

td {
	background:#FDFBEE;
	border:1px solid #B2B1AF;
}


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

#wrapper {
	width: 940px;
	margin: 0 auto;
}

/* --------------------------------------------------
	1. Header
-------------------------------------------------- */

/* header
----------------------------------- */
#header {
	width:100%;
	height:95px;
	margin: 0 0 70px 0;
}

#headerNaviLeft{
	width:735px;
	float:left;
}

#headerNaviRight{
	width:205px;
	float:right;
}

#box{
	width: 100%;
}

/* --------------------------------------------------
	2. Content
-------------------------------------------------- */

#content {
	width: 940px;
	margin: 0 auto;
}

#main{
	width:650px;
	float:left;
	margin: 0 0 0 0;
}

#rightColumn{
	width:250px;
	float:right;
	margin:0 0 0 40px;
}




/* --------------------------------------------------
	3. Footer
-------------------------------------------------- */

#footer {
	width:100%;
	background-color:#FFF;
}

#footerInner {
	width: 940px;
	margin: 50px auto 0;
	padding: 20px 0 0 0;
	text-align: center;
}

#copyright {
	width: 940px;
	margin: 0 auto;
	padding:50px 0;
	text-align: right;
}



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

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

/* title
----------------------------------- */

.ttl1 {
}


/* textType
----------------------------------- */

.textTypeRight {
	text-align:right;
}

.textTypeRed {
	color:#F00;
}

.TextTypeOrange{
	color: #ea6032;	
}

.textStuff{
	font-size:139%;
	color:#F60
}

.textSize10 {font-size:77%;}
.textSize12 {font-size:93%;}
.textSize14 {font-size:108%;}
.textSize18 {font-size:139%;}

 /* section
----------------------------------- */
.section10 {margin-bottom: 10px;}
.section20 {margin-bottom: 20px;}
.section30 {margin-bottom: 30px;}
.section40 {margin-bottom: 40px;}
.section50 {margin-bottom: 50px;}
.section60 {margin-bottom: 60px;}
.section70 {margin-bottom: 70px;}
.section80 {margin-bottom: 80px;}
.section90 {margin-bottom: 90px;}

 /* position
----------------------------------- */

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

.suisen {
	text-align: right;
	margin: 0 0 40px 0;
}

.clearfix:after { /*floatの解除、ここがポイント*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}

/* --------------------------------------------------
	90. Other
-------------------------------------------------- */

/* トップページのスライダー */
.fadein { position:relative; height:400px; width:1000px; }
.fadein img {
	position:absolute;
}

.stuff {
	border:solid 10px #CCC;
	float:left;
	margin:0 20px 20px 0;
}

/* --------------------------------------------------
	other
-------------------------------------------------- */
.left {
	float:left;
	margin:0 20px 20px 0;
}

/* --------------------------------------------------
	.topprof
-------------------------------------------------- */
.topprof{
	margin:0 0 30px 0;
	padding: 20px;
	width: 649px;
	box-sizing: border-box;
	border:#ccc solid 1px;
}

/* --------------------------------------------------
	.topbook
-------------------------------------------------- */
.topbook{
	width: 649px;
	box-sizing: border-box;
	margin:0 0 30px 0;
	padding:0 0 -1px 0;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:100%;
	line-height:100%;
	border:#ccc solid 5px;
}
.topbook .block{
	width:620px;
	margin:0;
	padding:10px;
	border-bottom:#ccc solid 1px;
}
.topbook .block:after{
	content: " "; 
	display:table;
	clear:both;
}
.topbook .main{
	float:left;
	margin:0;
	padding:0 15px 0 0;
}
.topbook h3,
.topbook p{
	overflow:hidden;
	margin:0;
	padding:0;
}
.topbook h3{
	margin-top:5px;
	font-size:120%;
	line-height:180%;
	font-weight:bold;
}
.topbook .name{
	margin:0 0 10px 0;
	padding:0;
	font-size:110%;
}
.topbook .btn{
	margin:10px 0 0 0;
	padding:0;
	text-align:right;
}