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

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

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

/*==-----------------------------------------------
フルードメディア
-------------------------------------------------*/
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;
	color:#333;
}
* + html body {
	font-family: "メイリオ","Meiryo";
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

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

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


/*==-----------------------------------------------
text decoration
-------------------------------------------------*/
strong{
	background:#FF0;
	color:#0a809e;
	padding:2px;
	font-weight:normal;
}
strong.text_l{
	font-size:16rem;
	font-size:16px;
	font-weight:bold;
}
.text_green{
	font-weight:bold;
	color:#0a809e;
}
.text_right{
	text-align:right;
}
hr{
	margin: 0;
	clear:both;
}

ul{
	list-style-type:none;
	padding: 0;
}
ol{
	list-style-type:decimal;
	margin: 0 0 10px 25px;
	padding: 0;
}

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

#container h1{
	font-size:2.4rem;
	font-size:24px;
	margin-bottom:0px;
}
#container h1{

}
#container h2{
	font-size:1.8rem;
	font-size:18px;
}
#container h3{
	font-size:1.6rem;
	font-size:16px;
}
#container h4{
	font-size:1.6rem;
	font-size:16px;
}
#container h5{
	font-size:1.4rem;
	font-size:14px;
}
#container h6{
	font-size:1.4rem;
	font-size:14px;
}

/*==-----------------------------------------------
paragraph
-------------------------------------------------*/
#container article{
	margin:0 0 20px 0;
}

#container section{
	margin:0 0 20px 0;
	padding:10px;
	background:#FFF;
}

#container section .field{
	margin:0 0 20px 0;
}

#container p,
#container ul,
#container dl{
	margin:0 0 10px 0;
}

#container ul{
	list-style-type:none;
	padding: 0;
}
#container ol{
	list-style-type:decimal;
	margin: 0 0 10px 25px;
	padding: 0;
}

#container article section ul li{
	background:url(/event/kindama/1314/src/pc/image/icon.png) 0 8px no-repeat;
	padding-left:14px;
	margin:0 0 5px 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;
}

/*==-----------------------------------------------
pagetop
-------------------------------------------------*/
#pagetop{
    position:absolute;
    right: 2%;
    background:#F00;
}
#pagetop a{
    width: 90px;
    height: 25px;
    display: block;
	background:url(/event/kindama/1314/src/pc/image/pagetop.png) 0 0 no-repeat;
	background-size:90px 25px;
	text-indent:-9999px;
}

/*==-----------------------------------------------
ミディアムサイズ　600px～
-------------------------------------------------*/
@media only screen and (min-width:600px){
	#container section{
		padding:20px;
	}
}
/*==-----------------------------------------------
ラージサイズ　960px～
-------------------------------------------------*/
@media only screen and (min-width:960px){
}

/*==-----------------------------------------------
IE7,IE8
-------------------------------------------------*/
.ie8 #container section,
.ie7 #container section{
	padding:20px;
}

.ie7 #pagetop a,
.ie8 #pagetop a{
    width: 90px;
    height: 25px;
    display: block;
	background-image:none;
	background:#C00;
	text-decoration:none;
	color:#FFF;
	background-size:90px 25px;
	text-indent:0;
	text-align:center;
}