@charset "utf-8";
/* CSS Document */

div#topnav{
	position:absolute;
}
div#topnav a,
div#topnav span{	visibility: hidden;}

/* ----------------------------------------
*	汎用要素スタイル 
---------------------------------------- */
p#bann_runforwater{
	width:250px;
	height:80px;
	margin:0;
	position:absolute;
	top:-98px;
	right:8px;
	border:solid 1px #AED9E4;
}

/* ----------------------------------------
*	ワイヤーフレーム部位別スタイル 
---------------------------------------- */
div#container{
	width: 850px;
	margin: 0 auto;
	position: relative;
}

/* ----------------------------------------
*	共通スタイル
---------------------------------------- */

/*	header ヘッダー		---------------------------------------- */
div#header{
	padding-top: 60px;
	position: relative;
	width: 850px;
	padding-bottom: 85px;
	margin-bottom: 20px;
}
div#header h1{
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 0;
}
div#header p{
	margin: 0;
}

/*	Navigation ナビゲーション		---------------------------------------- */
div#navigation{
	width: 854px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
}
div#navigation ul{
	margin: 0;
	width:854px;
}
div#navigation li{
	list-style: none;
	float: left;
	height: 50px;
}
div#navigation li#nav_project{
	width: 244px;
	background: url(../images/common/btn_navigation.png) no-repeat 100% 0;
}
div#navigation li a{
	display: block;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/common/btn_navigation.png) no-repeat 0 0;
}
div#navigation li#nav_top a{	width: 48px; background-position: 0 0;}
div#navigation li#nav_horohoro a{	width: 171px; background-position: -48px 0;}
div#navigation li#nav_practice a{	width: 101px; background-position: -219px 0;}
div#navigation li#nav_participation a{	width: 74px; background-position: -320px 0;}
div#navigation li#nav_diary a{	width: 54px; background-position: -394px 0;}
div#navigation li#nav_felica a{	width: 161px; background-position: -448px 0;}
div#navigation li#nav_project a{
	width: 188px;
	height: 37px;
	background-position: -657px -5px;
	margin:5px 0 0 48px;
}
div#navigation li#nav_top a:hover{	width: 48px; background-position: 0 -50px;}
div#navigation li#nav_horohoro a:hover{	width: 171px; background-position: -48px -50px;}
div#navigation li#nav_practice a:hover{	width: 101px; background-position: -219px -50px;}
div#navigation li#nav_participation a:hover{	width: 74px; background-position: -320px -50px;}
div#navigation li#nav_diary a:hover{	width: 54px; background-position: -394px -50px;}
div#navigation li#nav_felica a:hover{	width: 161px; background-position: -448px -50px;}
div#navigation li#nav_project a:hover{	width: 188px; background-position: -657px -55px;}

body#index div#navigation li#nav_top a{	width: 48px; background-position: 0 -100px;}
body#horohoro div#navigation li#nav_horohoro a{	width: 171px; background-position: -48px -100px;}
body#practice div#navigation li#nav_practice a{	width: 101px; background-position: -219px -100px;}
body#participation div#navigation li#nav_participation a{	width: 74px; background-position: -320px -100px;}
body.diary div#navigation li#nav_diary a{	width: 54px; background-position: -394px -100px;}
body#felica div#navigation li#nav_felica a{	width: 161px; background-position: -448px -100px;}
body#project div#navigation li#nav_project a{	width: 188px; background-position: -657px -105px;}


/*	footer フッター		---------------------------------------- */
div#footer{
	background-color: #f4015f;
	color:#FFF;
	padding:10px;
}
div#footer p{
	float: left;
	margin: 0;
	font-size:12px;
}
div#footer p a{
	color:#FFF;
	font-size: 12px;
}
div#footer address{	float: right;}

/*	content コンテンツ		---------------------------------------- */
div#content{	margin-bottom: 30px;}
div#content h2{	margin: 0 auto 17px;}
div#col1_content{	position:relative;}
/*	information インフォメーション		---------------------------------------- */

/* ----------------------------------------
*	ページスタイル　index.html
---------------------------------------- */
body#index div#col1_content div{
	width: 50%;
	float: left;
}
body#index div#col1_content div p{	padding-left:15px;}
body#index div#col1_content div img{
	display: block;
	margin: 35px 15px 0 auto;
}


/* ----------------------------------------
*	ページスタイル　horohoro.html
---------------------------------------- */
body#horohoro div#col1_content div{
	width:50%;
	float:left;
	text-align:center;
}
body#horohoro div#col1_content div p{
	text-align:left;
	padding-left:15px;
}
body#horohoro div#col1_content div img{
	display:block;
	margin:0 auto;
}


/* ----------------------------------------
*	ページスタイル　practice.html
---------------------------------------- */
body#practice h1{	top:0;}
body#practice div#header{	padding-bottom:0;}
body#practice div#practice-flow li{
	list-style:none;
	background:url(../images/practice/parts_practice-arrow.png) no-repeat 70px bottom;
	padding-bottom:26px;
}
body#practice div#practice-flow li.endflow{
	background:none;
	padding:0;
}
body#practice div#practice-flow li img{
	display:block;
	float:left;
	margin-right:15px;
}
body#practice div#practice-flow li p{
	padding-top:1em;
	line-height:1.5;
}


/* ----------------------------------------
*	ページスタイル　participation.html
---------------------------------------- */
body#participation h1{	top:0;}
body#participation div#header{	padding-bottom:0;}
body#participation div#participation-flow li{
	list-style:none;
/*	background:url(../images/participation/parts_dotted-line.png) repeat-x 0 bottom;*/
	padding:7px 10px 7px 120px;
	position:relative;
}
body#participation div#participation-flow li span{
	position:absolute;
	left:0;
	color:#1fb0e5;
	width:120px;
	font-weight:bold;
}
body#participation div#participation-flow li img{
	float:right;
	margin-left:15px;
}
body#participation div#participation-flow p{	text-align:center;}


/* ----------------------------------------
*	ページスタイル　felica.html
---------------------------------------- */
body#felica h1{	top:0;}
body#felica div#header{	padding-bottom:0;}
body#felica div#felica_point1,
body#felica div#felica_point2,
body#felica div#felica_point3{	margin-bottom:2em;}
body#felica div#felica_point1 p,
body#felica div#felica_point2 p,
body#felica div#felica_point3 p{	margin-left:15px;}
body#felica div#felica_debut{
	background:url(../images/felica/pic_points_debut.png) no-repeat 0 0;
	width:575px;
	height:192px;
	padding-top:13px;
	margin:0 0 10px 15px;
}
body#felica div#felica_debut h3,
body#felica div#felica_debut p{
	text-align:center;
	margin:0 auto 12px;
}
body#felica div#felica_debut ul{
	margin:0 auto;
	width:557px;
}
body#felica div#felica_debut li{
	float:left;
	list-style:none;
}
body#felica div#felica_debut li a{
	display:block;
	width:129px;
	height:109px;
	margin:0 5px;
	background:url(../images/felica/btn_tosite.png) no-repeat 0 81px;
}
body#felica div#felica_debut li a:hover{	background:url(../images/felica/btn_tosite.png) no-repeat 0 53px;}
body#felica p#felica-copyright{	margin-left:15px;}


/* ----------------------------------------
*	ページスタイル　project.html
---------------------------------------- */
body#project div#header h1{
	top:70px;
}
body#project div#header{
	padding-bottom: 50px;
}
body#project div#header p{
	float:right;
}
body#project div#col1_content h2{
	position:relative;
	width:851px;
}
body#project div#col1_content h2 span{
	position:absolute;
	top:-69px;
	right:0;
}
body#project div#about_frp{
	margin:0 auto 2em 15px;
}
body#project div#project-partner{
	background:url(../images/project/pg_partners.png);
	width:820px;
	height:211px;
	margin:0 auto;
}
body#project div#project-partner h3{
	padding:15px 0 40px 20px;
}
body#project div#project-partner ul{
	margin:0 auto;
	width:800px;
}
body#project div#project-partner ul li{
	list-style:none;
	float:left;
	width:200px;
	text-align:center;
}


/* ----------------------------------------
*	ページスタイル　diary.html
---------------------------------------- */
body.diary h1{	top:0;}
body.diary div#header{	padding-bottom:0;}
body#diary h1{	display:none;}
body#diary div#col1{
	float:right;
	width:580px;
	margin-right:30px;
}
body#diary div#col2{
	float:left;
	width:186px;
	margin-left:30px;
}
body#diary div#col1 div.entry{	margin-bottom:50px;}
body#diary div#col1 div.entry-content{
	margin:0 15px;
}
body#diary div#col1 h2.date-header,
body#diary div#col1 p#archive-date{
	background-color:#f8679f;
	font-size:12px;
	text-align:right;
	color:#FFF;
	padding:6px 10px;
	margin:0 0 15px;
}
body#diary div#col1 h3.entry-header,
body#diary div#col1 h2#archive-title{
	padding-bottom:15px;
	padding-left:15px;
	margin:0 0 20px;
/*	border-bottom:dotted 1px #d0d3a6;*/
	background:url(../images/participation/parts_dotted-line.png) repeat-x 0 bottom;
	color:#10ace4;
}
body#diary div#col1 h3.entry-header a,
body#diary div#col1 p.entry-footer a{
	color:#10ace4;
	text-decoration:none;
}
body#diary div#col1 h3.entry-header a:hover,
body#diary div#col1 p.entry-footer a:hover{	text-decoration:underline;}
body#diary div#col1 p.entry-footer{
	background-color:#cfeefa;
	padding:2px 10px;
	text-align:right;
	font-size:12px;
}


/*	sidebar */
body#diary div#col2 div.module{
	margin-bottom:15px;
}
body#diary div#col2 div.module-calendar h2{
	background-color:#F4015F;
	color:#FFF;
	font-size:13px;
	padding:4px 5px 3px;
}
body#diary div#col2 div.module-calendar table{
	width:185px;
	border-collapse:collapse;
	border-spacing:0;
}
body#diary div#col2 div.module-calendar table td,
body#diary div#col2 div.module-calendar table th{
	padding:3px 0;
	text-align:center;
	border:0;
}
body#diary div#col2 div.module-calendar table th.sun{	color:#F00;}
body#diary div#col2 div.module-calendar table th.sat{	color:#36F;}
body#diary div#col2 div.module-calendar table a{	color:#F4015F;}

body#diary div#col2 div.module-archives h2,
body#diary div#col2 div.module-ratest h2,
body#diary div#col2 div.module-comment h2{
	border-top:solid 3px #F4015F;
	border-bottom:solid 1px #d0d3a6;
	margin:0 0 10px;
	height:22px;
	padding:8px 0 0 5px;
}
body#diary div#col2 div.module-archives ul,
body#diary div#col2 div.module-ratest ul,
body#diary div#col2 div.module-comment ul{	margin:0;}
body#diary div#col2 div.module-archives li,
body#diary div#col2 div.module-ratest li,
body#diary div#col2 div.module-comment li{
	list-style:none;
	padding:0 7px;
	 font-size:12px;
}
body#diary div#col2 div.module-archives li a,
body#diary div#col2 div.module-ratest li a,
body#diary div#col2 div.module-comment li a{	color:#F4015F;}

/*	entry */
body#diary p.content-nav{	text-align:center;}
body#diary div.trackbacks h3,
body#diary div.comments-content h3,
body#diary div.comments-open h2{
	background-color:#f8679f;
	font-size:12px;
	color:#FFF;
	padding:4px 10px;
	margin:0 0 15px;
}
body#diary div.comments-content p.comment-footer{
	background-color:#ffeecd;
	padding:3px 10px;
	font-size:12px;
}
body#diary div.comments-content p.comment-footer span{
	font-size:14px;
	font-weight:bold;
}
body#diary div.comments-content p.comment-footer a{	color:#ff6600;}

body#diary div.comments-open div#name-email label,
body#preview div.comments-open-data label{
	display:block;
	width:120px;
	float:left;
}
body#diary div.comments-open p#comments-open-text label{	display:block;}
body#diary div.comments-open p#comments-open-text textarea{
	width:92%;
	height:100px;
}
body#diary div#comments-open-footer{	text-align:center; margin-bottom:20px;}

body#diary div.module-links h3{
	border-top:solid 3px #ff6600;
	margin:0 0 10px;
	padding:12px 0 0 ;
	width:185px;
}