@charset "utf-8";

/*------------------------------------------------
index.css
2009.12.17 更新
奇跡のピアニスト辻井伸行 飛翔への旋律
------------------------------------------------*/

div, span, dl, dt, dd, input, label, form, select, p, td, tr, th, ul, li, ol, h1, h2, h3, h4, h5, h6, address, body{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
ul, li{
	list-style:none;
}
img{
	border:none;
	vertical-align:top;
}
address{
	text-decoration:none;
	font-style:normal;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}
th{
	text-align:left;
	font-weight:normal;
}
object, iframe{
	border:0;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

/* common
------------------------------------------------*/
body{
	margin:0;
	padding:0;
	background:transparent url(../images/bg02.gif) repeat 0 0;
	font-size:1.08em;
/*	font-size:0.9em;*/
	line-height:1.4em;
	color:#000000;
	text-align:center;
}
#wrapper{
	margin:0 auto;
	width:100%;
	background:transparent url(../images/bg01.jpg) repeat-x 0 0;
}
#wrapper_inner{
	margin:0 auto;
	width:968px;
	background:transparent url(../images/page_bg.gif) repeat-y 0 0;
}
h1{
	width:968px;
	height:230px;
	background:transparent url(../images/header_img.jpg) no-repeat 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
}
#contents{
	width:968px;
	margin:0 auto;
	background:transparent url(../images/page_bottom.gif) no-repeat 0 100%;
	padding:10px 0 60px;
	text-align:left;
}
.inner{
	width:906px;
	margin:0 auto;
}
.padT20{
	padding-bottom:20px;
}
.box-inner{
	width:870px;
	margin:0 auto;
	padding-bottom:15px;
	text-align:left;
}
.box-inner img{
	float:left;
	padding-top:4px;
}
.box01 .box-inner p,
.box04 .box-inner p{
	float:right;
	width:402px;
}
.box02 .box-inner p,
.box03 .box-inner p{
	float:right;
	width:627px;
}
.box01{
	background:transparent url(../images/box_bg01.gif) no-repeat 0 100%;
	margin-bottom:20px;
}
.box02{
	background:transparent url(../images/box_bg02.gif) no-repeat 0 100%;
	margin-bottom:20px;
}
.box03{
	background:transparent url(../images/box_bg03.gif) no-repeat 0 100%;
	margin-bottom:20px;
}
.box04{
	background:transparent url(../images/box_bg04.gif) no-repeat 0 100%;
	margin-bottom:20px;
}





/* マージン調整
------------------------------------------------*/
.mar-T10{margin:10px 0px 0px 0px;}
.mar-B10{margin:0px 0px 10px 0px;}
.mar-B15{margin:0px 0px 15px 0px;}
.mar-R10{margin:0px 10px 0px 0px;}
.mar-R15{margin:0px 15px 0px 0px;}
.mar-R25{margin:0px 25px 0px 0px;}
.mar-L10{margin:0px 0px 0px 10px;}
.mar-L60{margin:0px 0px 0px 60px;}

/* テキストスタイル
------------------------------------------------*/
.txt-b{font-weight:bold;}
.txt-blue-b{ font-weight:bold; color:#0066CC;}

/* Link-color
------------------------------------------------*/
a:link{color:#333333; text-decoration:underline; 	font-weight: normal;}
a:visited{color:#999999; text-decoration:underline;	font-weight: normal;}
a:hover{color:#69518B;	text-decoration:none;	font-weight: normal;}
a:active{color:#69518B; text-decoration:underline;	font-weight: normal;}

/* clear
------------------------------------------------*/
.c-box {
	overflow:hidden;
}

.c-box:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.c-box {display: inline-table;}
 /* Hides from IE-mac \*/
* html .c-box {height: 1%;}
.c-box {display: block;}
 /* End hide from IE-mac */

*:first-child+html .c-box { /* IE7用 */
	width: 100%;
}

.clear-both {
	clear: both;
	height: 1px!important;
	display: block !important;
	font-size: 1px!important;
	margin: 0 !important;
}

/*  \*/
* html #main {
	height: 1%;
}
/*  */



/* clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;/* for modern browser */
}
.clearfix {
display: inline-block;
min-height: 1%;
}

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