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

 File name:      base.css
 Author:         Crea.,Inc. 
 Style Info:     標準のスタイル

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

/*==-----------------------------------------------
グリッドデザイン
-------------------------------------------------*/
body{
  background:url(http://griddle.it/940-12-20?color=ffe9e9) repeat-y center top;
}


/*==-----------------------------------------------
フルードメディア
-------------------------------------------------*/
img, video {
    height: auto;
    max-width: 100%;
}
.ie8 img {
    width: 100%;
}



/*==-----------------------------------------------
body
-------------------------------------------------*/
html { font-size: 62.5%; }

body {
    font-size: 1.4rem;
    font-size:14px;
    line-height:1.5;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",Sans-Serif;
	word-break: break-all;
	background:url(/otodama/history/src/common/back.gif) 0 0 repeat;
	color:#312620;
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
}
* + html body {
	font-family: "メイリオ","Meiryo";
}


/*==-----------------------------------------------
link style
-------------------------------------------------*/

a{overflow: hidden;}
a:link {color: #00F;}
a:visited {color: #609;}
a:hover {color: #F00;}
a:active {color: #F00;}


/*==-----------------------------------------------
text decoration
-------------------------------------------------*/
strong{color:#DD0000;}



hr{
	margin: 0;
	clear:both;
}




/*==-----------------------------------------------
headding
-------------------------------------------------*/
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
	margin-bottom: 10px;

}

h1{
	font-size:3.6rem;
	font-size:36px;
}

#container section h2{
	font-size:3.2rem;
	font-size:32px;
}
#container section h3{
	font-size:2.8rem;
	font-size:28px;
}
#container section h4{
	font-size:2.4rem;
	font-size:24px;
}
#container section h5{
	font-size:2rem;
	font-size:20px;
}
#container section h6{
	font-size:1.6rem;
	font-size:16px;
}

/*==-----------------------------------------------
paragraph
-------------------------------------------------*/
#container section p{
	margin:0 0 10px 0;
}

/*==-----------------------------------------------
clearfix
-------------------------------------------------*/


.clearfix {clear:both; }

.clearfix:after,
#wapper:after,
nav:after,
header:after,
#inner:after,
article:after,
section:after,
aside:after{
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
     font-size:0.1em;
}

.clearfix,
#wapper,
nav,
header,
#inner,
article,
section,
aside{
display: inline-block;
}

.clearfix,
#wapper,
nav,
header,
#inner,
article,
section,
aside{
display: block;
}


/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*html5の新要素をブロック要素にする */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}