/*初期化
----------------------------------------------------------------------------------*/
/* 
Reset: margin, padding propaty*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote {
margin:0;padding:0; } 
/* 
Reset: border propaty*/
abbr,acronym,fieldset,img {
border:0; } 
/*
Reset: [table] selector*/
table {
 border-collapse:collapse; border-spacing:0; } 
table,th,td {
margin:0;padding:0; } 
caption,th,td {
text-align:left; } 
/*
Reset: List selector*/
ol,ul {
list-style:none; }
/*
Reset: font propaty*/
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;font-weight:normal; }
/*
Reset: other*/
q:before,q:after {
content:'';}
h1 {
	font-size: 100%;
	color: #333;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
h2 {
	font-size: 100%;
	color: #333;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
a{ /* 基本のリンク （固定）*/
	color:#c36;font-family: メイリオ, Meiryo, verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
a:hover {
	color:#c36;text-decoration:underline;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
	a:visited{
	color: blue;text-decoration: underline;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
font{font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
li{font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}	
div{font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
#body { margin: 0; padding: 0; }
#container { border-right-color: #ccc; border-right-width: 1px; border-left-color: #ccc; border-left-width: 1px; }
#wrapper { background-image: none; width: 980px; height: auto; margin: 0 auto; outline-color: #ccc; }
#globalnav { background-image: url(images/birthbooklogo.gif); background-color: #a3872d; background-repeat: no-repeat; vertical-align: middle; margin:0; padding:0; height: 46px; width: 980px; display: block; float:left; }
#globalnav h1 a { display:inline; text-indent:-999px; vertical-align: middle; margin:0 0 0 20px; padding:0; width:230px; height:46px; float:left; }
#nav { font-size: 10px; width: 710px; padding-left: 270px; display: block; }
#nav li { padding-right: 22px; display: inline; }
/*マウスオーバーしたときの設定===========*/
#nav li.hover a { color: #fff; font-size: 12px; line-height: 46px; text-decoration: underline; vertical-align: middle; display: inline; }
#nav li.hover a:hover { color: #c36; text-decoration: underline; vertical-align: middle; display: inline; }

#main { margin: 0; padding: 0 0 0; }
/*フロート操作によるボックスの高さ調整
----------------------------------------------------------*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;min-height: 1%;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-Mac */
#right h2 { color: #333; float: none; margin-top: 5px; margin-bottom: 10px; padding-left: 45px; }
#right p { color: #333; font-size: 12px; float: none; clear: none; margin-top: 0; margin-left: 0; padding: 0 45px; }
#left { width: 300px; height: 286px; float: left; clear: none; margin: 0; padding: 0; border-width: 0; display: block; }


#left ul { width: 300px; height: 286px; float: none; margin: 0; padding: 0; list-style-type: none; display: block; }
#left li { float: none; margin: 0; padding: 0; display: inline; }
#footer { color: #fff; font-size: 12px; font-style: normal; line-height: 17px; background-color: #A39A2D; text-align: center; vertical-align: middle; height: 35px; visibility: visible; float: none; clear: both; margin-top: 0; margin-left: 0; padding-top: 3px; padding-left: 0; display: block; }
#footer a { color: #fff;}
#footer a:hover { color: #fff; text-decoration: underline; }
#wrapper2 { background-repeat: repeat; width: 980px; height: auto; margin: 0 auto; padding-top: 0; outline-style: none; }
#menu { width: 980px; height: 51px; padding: 0; display: inline; }
#menu ul { width: 980px; height: 51px; margin: 0; padding: 0; list-style-type: none; display: inline; }
#menu li { margin: 0 0 0 0; padding: 0; display: inline; }
#imagephoto { margin: 0; padding: 0; }
#flash { background-color: white; width: 866px; height: auto; margin-top: 15px; margin-left: 51px; padding-right: 0; padding-left: 0; border: solid 2px #e2b1bb; }
#concept { margin-top: 18px; margin-left: 50px; }
#concept2 { background-repeat: repeat; width: 860px; margin-top: 0; margin-right: 0; margin-left: 0; padding: 0; }
#concepttext { color: #000; font-size: 14px; line-height: 21px; height: 433px; margin: 0; padding-top: 20px; padding-left: 80px; }
#mirubotton { clear: both; margin: 0; padding: 20px 0 0; }
#ahiru { margin: 0; padding: 0; }
#concepttext1 { color: #fff; font-size: 18px; line-height: 26px; background-color: #966; text-align: center; width: auto; padding-top: 15px; padding-bottom: 15px; }
.concepttext2 { color: #666; font-size: 14px; line-height: 24px; text-align: center; margin-top: 20px; margin-bottom: 30px; margin-left: 40px; }
#photos { margin-top: 0; margin-left: 170px; }
.sample3 { font-size: 12px; margin-top: 12px; margin-bottom: 12px; margin-left: 170px; outline-style: none; }
.sample4 { font-size: 12px; margin-top: 12px; margin-bottom: 12px; margin-left: 135px; outline-style: none; }
#samplebook2 { color: #333; font-size: 12px; text-align: left; margin-top: 10px; margin-right: 0; margin-left: 200px; padding-right: 0; border-style: none; display: block; }
#contents2 { color: #333; font-size: 12px; margin-top: 30px; margin-bottom: 20px; margin-left: 170px; outline-style: none; }
#contents2 ul { line-height: 22px; margin-top: 12px; margin-left: 35px; }
.message{ margin-top: 15px; margin-bottom: 25px; margin-left: 300px; }
.message2{ margin-top: 15px; margin-bottom: 25px; margin-left: 345px; }
.banner1 { width: 780px; height: 115px; margin-top: 10px; margin-left: 100px; border-top-color: #e4d9bd; border-top-style: dashed; }
.banner2 { width: 780px; height: 115px; margin-top: 10px; margin-left: 100px; }
.bb { width: 200px; float: left; margin: 20px 0 15px 20px; padding-right: 0; }
.bb_t { font-size: 12px; line-height: 18px; vertical-align: middle; width: 500px; float: right; margin-top: 22px; margin-right: 50px; margin-left: 0; padding-left: 0; }
#contents { color: #333; font-size: 12px; margin-top: 30px; margin-bottom: 20px; margin-left: 45px; outline-style: none; }
#contents ul { line-height: 22px; margin-top: 12px; margin-left: 35px; }
#sample { font-size: 12px; margin-top: 12px; margin-bottom: 12px; margin-left: 45px; outline-style: none; }
#sample p { font-size: 12px; text-decoration: underline; margin-top: 12px; margin-left: 20px; }
#samplebook { margin: 20px 67px; padding: 10px 20px 20px 5px; border: dashed 2px #f2c660; }
table.sample { color: #333; font-size: 12px; text-align: left; margin-top: 10px; margin-right: 0; margin-left: 35px; padding-right: 0; border-style: none; display: block; }
table.sample img { margin-top: 0; margin-right: 10px; margin-bottom: 8px; }
#illustrater { color: #666; font-size: 10px; float: none; clear: none; margin-left: 70px; }
#botton3 { margin-top: 30px; margin-bottom: 10px; }
table.gokounyuuha { font-size: 12px; line-height: 54px; vertical-align: middle; float: left; clear: none; margin-top: 15px; margin-bottom: 20px; margin-left: 345px; display: block; }
table.gokounyuuha2 { font-size: 12px; line-height: 54px; vertical-align: middle; float: left; clear: none; margin-top: 15px; margin-bottom: 20px; margin-left: 315px; display: block; }
#gokounyuuha3 { font-size: 12px; line-height: 54px; vertical-align: middle; float: left; clear: none; margin-top: 15px; margin-bottom: 20px; display: block; }
#wrapper3 { background-color: #fff; background-image: none; width: 980px; height: auto; margin: 0 auto; border-top: 1px solid white; border-right: 1px solid #ccc; border-left: 1px solid #ccc; outline-style: none; }
#nagare { width: 815px; margin-left: 90px; }
#flowtitle img { margin-top: 12px; }
.how img { clear: both; margin-top: 30px; }
table.how_dis img { margin: 15px 15px 25px 35px; }
table.how_dis p { color: #333; font-size: 14px; line-height: 22px; margin: 15px; }
#wrapper4 { background-color: #fff; background-image: none; width: 980px; height: auto; margin: 0 auto; border-top: 1px solid white; border-right: 1px solid #ccc; border-left: 1px solid #ccc; outline-style: none; }
#aboutus { color: #333; font-size: 14px; line-height: 22px; background-color: white; background-image: url(images/clover.gif); background-repeat: no-repeat; background-position: right 50px; width: 805px; height: auto; margin: 0 0 0 88px; padding: 0; }
#aboutus img { margin-top: 30px; margin-right: 0; margin-bottom: 10px; }
#gokounyuuha3 { color: #333; font-size: 12px; font-style: normal; text-align: center; vertical-align: middle; height: 35px; visibility: visible; float: none; clear: both; margin-top: 0; margin-left: 0; padding-top: 10px; padding-left: 0; display: block; }
#gokounyuuha3 a { color: #cc3366;}
#gokounyuuha3 a:hover { color: #cc3366; font-size: 12px; text-decoration: underline; }
#photos1 { margin-top: 0; margin-left: 170px; }
.text { color: #333333; font-size: 12px; padding-left: 20px; }
.box { width: 842px; height: 250px; margin-top: 30px; margin-left: 65px; }
.text2 { color: #333333; font-size: 12px; padding-left: 40px; }
.center { text-align: center !important; }
.left { text-align: left; }
.float_right { float: right; }
.float_left { float: left; }
.orange { color: #ff6633; }
.pink { color: #cc3366; }
.messagetext { margin-top: 20px; margin-bottom: 20px; }
.messagetext2 { margin-right: 50px; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px dotted gray; }
body { color: black; background-image: url(images/yellow.gif); background-repeat: repeat; margin: 0; padding: 0; }