@charset "utf-8";

/* ------------------------------------
CSS Information

 Site URL:       http://xxx.jp/
 File name:      style.css (http://xxx.jp/css/style.css)
 Summary:        itimondojo jisyusitu web site
 Created:        2009-08-24
 Last update:    2009-08-24 by Tomo
 Author:         Tomo

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

/* -------------------------
 __Resetting
-------------------------- */

@import"reset.css";

/* -------------------------
 __Default style clear

  ＜font-size 対応表＞
 10pt <--> font-size:77%; 
 11pt <--> font-size:85%; 
 12pt <--> font-size:93%; 
 13pt <--> font-size:100%; 
 14pt <--> font-size:108%; 
 15pt <--> font-size:116%; 
 16pt <--> font-size:123.1%; 
 17pt <--> font-size:131%; 
 18pt <--> font-size:138.5%; 
 19pt <--> font-size:146.5%; 
 20pt <--> font-size:153.9%; 
 21pt <--> font-size:161.6%; 
 22pt <--> font-size:167%; 
 23pt <--> font-size:174%; 
 24pt <--> font-size:182%; 
 25pt <--> font-size:189%; 
 26pt <--> font-size:197%; 

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

* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

body {
	background: #FFFFFF url(../img/bg2.gif) repeat;
	font-size: 85%;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	color: #3E3D37;
	line-height: 1.4;
}

p {
	margin: 0 0 1em;
	/*text-indent:1em;*/
}
p.comment {
	margin: 20px 0 1em;
	/*text-indent:1em;*/
}

li {
	list-style-type: none;
}

img {
	border: 0;
	vertical-align: bottom;
}

a {
	color: #0000CC;
	text-decoration: none;
}
a:hover {
	color: #CC0000;
	text-decoration: underline;
}

.bold {
	font-weight:bold;
}

.red   { color:#FF0000; }
.green { color:#006600; }
.blue  { color:#0000FF; }
.orange   { color:#FF6600; }
.gray  { color:#999999; }

.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}

.va_mid { vertical-align: middle; }

.noindent {	text-indent: 0; }

.fs10 { font-size:77%; }
.fs11 { font-size:85%; }
.fs12 { font-size:93%; }

/* -------------------------
 __container
-------------------------- */

#container {
	width: 850px;
	margin: 0px auto;
	background-color:none;
}

/* -------------------------
 __header
-------------------------- */

#header {
	padding-top: 30px;
	height:210px;
	border-bottom: 2px solid #b91741;
}

#header div {
	width: 850px;
	margin: 0 auto;
	text-align:center;
}

#header h1 {
	float: left;
}

/* -------------------------
 __footer
-------------------------- */

#footer {
	clear: both;
	border-top: 2px solid #b91741;
	color:#000000;
	margin-top:0px;
}

#footer div {
	width: 850px;
	margin: 0 auto;
	text-align:center;
}

#footer div p {
	clear: both;
	text-align:center;
	margin-top:5px;
}

/* -------------------------
 __contents
-------------------------- */

#contents {
	position: static;
	width: 850px;
	clear: both;
	overflow:hidden;
	padding-top:10px;
	background: url(../img/contents_bg.gif) repeat;
}

/* -------------------------
 __photo
-------------------------- */

#photo {
	width: 850px;
	height: 380px;
	/*clear: both;*/
	background: url(../img/photo_bg.gif) no-repeat;
}

#photo p {
	margin:0;
	padding:0;
}
#photo .photo1,
#photo .photo2,
#photo .photo3, {
	margin: 0;
	font-size: 0;
	line-height: 0;
}

#photo .photo1 img {
	position: relative;
	top: 45px;
	left: 10px;
}

#photo .photo2 img {
	position: relative;
	top: -90px;
	right: -273px;
}

#photo .photo3 img {
	position: relative;
	top: -400px;
	right: -535px;
}
/* -------------------------
 __clearfix
-------------------------- */

.clearfix:after {
  content: ".";    /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {        /* IE7 */
  min-height: 1px;
}

* html .clearfix { /* ~IE6, macIE4,5 */
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}