@charset"Shift_JIS";

*{
  margin:0;
  padding:0;
  zoom:1;
}


/*ブラウザのデフォルトスタイルをリセットする設定（START）*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
margin:0; padding:0;
}

html {
    scrollbar-base-color: #FFF;
    scrollbar-arrow-color: #FFF;		
}

table{border-collapse:collapse; border-spacing:0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight:normal;}

caption, th{text-align: left;}

h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: normal;}

q:before,q:after{content:'';}

abbr,acronym{ border:0; font-variant:normal;}
sup { vertical-align:text-top;}
sub {vertical-align: text-bottom;}
input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit;}
input,textarea,select {*font-size:100%;}
legend{color:#000;}
/*ブラウザのデフォルトスタイルをリセットする設定（END）*/



/*ブラウザのフォントサイズ・フォントファミリーを揃える（START）*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;
		*font-size:small;
		*font:x-small;
}
table{font-size:inherit; font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;
*font-size: 108%;
line-height:100%;}


/*Opera9*/
;;body {
	font-family: "メイリオ", Meiryo, Arial, Helvetica, sans-serif;
}

/*Internet Explorer7*/
*:first-child+html body {
	font-family: "メイリオ", Meiryo, sans-serif;
}

/*Internet Explorer6 or sooner*/
* html body {
	font-family: "メイリオ", Meiryo, sans-serif;
	scrollbar-base-color: #FFF;
    scrollbar-arrow-color: #FFF;		
}

/*ブラウザのフォントサイズ・フォントファミリーを揃える（END）*/

/*子ボックスの背景が親ボックスにも継承されるようにclearfixを設定*/
.clearfix:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
} 
  
.clearfix {display: inline-block;} 
  
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */



/*ページレイアウト（START）*/


/*リンク色設定*/
a { text-decoration: none; }
a:link { color: #0066FF; }
a:visited { color: #FF66CC; }


#index { background-color: #FFF; text-align: center;  margin: 0px;}

#container {
	width: 920px;
	height: auto;
	display: block;
	text-align: left;
	margin: auto;
}

.header {
	display: block;
	width: 898px;
	height: 306px;
	text-indent: -9999px;
	background: url(img/header.jpg) no-repeat;
	margin: 30px 0px 0px 11px;
}

.box {
	display: block;
	text-align: center;
	width: 920px;
	height: auto;
	margin:  auto;
}



/*box1レイアウト（START）*/

.box1 {
	float: left;
	display: block;
	width: 315px;
	height: auto;
	margin: 30px 0px 0px 0px;
}

/*カレンダー部分*/
.cal { display: block; width: 315px; height: auto;}
.cal table{ width: 315px; border: none; font-size: 12px; line-height: 18px;}
caption { text-align: center; }
.cal table th { text-align: center; border-bottom: 1px solid #000; padding: 3px 0px 0px 0px;}
.cal table td { text-align: center; padding: 3px 0px 3px 0px; }
.cal table td a{ font-weight: 900;}
.sunday { color: #FF0000; }
.saturday { color: #0033CC; }



.time {
	display: block;
	width: 315px;
	height: 44px;
	background: url("img/time.jpg") no-repeat;
	margin: 30px 0px 0px 0px;
}

.p_title {
	display: block;
	width: 315px;
	height: 9px;
	font-size: 0;
	background: url("img/p_title.jpg") no-repeat;
	margin: 15px 0px 0px 0px;
}

.personality {
	display: block;
	width: 315px;
	min-height: 100px;
	background: #DCDCDC;
	margin: 15px 0px 0px 0px;
	clear: both;
}

.per_photo { display: block; width: 100px; height: 100px; float: left; margin: 0px;}


.text {
	width: 200px;
	float: left;
	font-size: 10px;
	line-height: 16px;
	margin: 5px;
}

.text h3 { font-size: 12px; line-height: 18px; font-weight: 900;}


/*棒グラフ部分レイアウト（START）*/


.graph_box {
	display: block;
	background-color: #DCDCDC;
	width: 315px;
	height: auto;
	margin: 15px 0px 0px 0px;
	clear: both;
}


.question {
	display: block;
	width: 305px;
	height: auto;
	font-size: 14px;
	line-height: 20px;
	font-weight: 900;
	padding: 5px;	
}


.button {
	display: block;
	text-align: center;
	width: 315px;
	margin: 15px 0px 0px 0px;
}

.graph {
	display: block;
	width: 315px;
	height: auto;
}

.graph table td em { font-size: 16px; font-weight: 900;}
em.yes { color: #0864AA; }
em.no { color: #E60012; }

.graph table { width: 315px; margin: 0px;}

.graph em { display: block; font-size: 12px; margin: 0px;}

.graph_horizon { border-top: 1px solid #000; text-align: center; font-size: 16px; font-weight: 900;}


.pinch_bnr {
	display: block;
	width: 314px;
	height: 100px;
	margin: 20px 0px 0px 0px;
}


.logo {
	display: block;
	width: 71px;
	height: 41px;
	margin: 20px 0px 0px 0px;
}


#barchart { width: 315px;}

.yes_bar { display: block; width: 50px; height: auto; text-align: center;}

.graph_footer { display: block; width: 315px; font-size: 10px; line-height: 16px; text-align: center; margin: 5px 0px 0px 0px; }

/*棒グラフ部分レイアウト（END）*/



/*box1レイアウト（END）*/



/*box2レイアウト（START）*/

.box2 {
	float: right;
	display: block;
	width: 580px;
	height: auto;
	margin: 0px 0px 0px 0px;
}


.note_1 {
	display: block;
	float: left;
	width: 580px;
	height: 20px;
	font-size: 0;
	background: url("img/note_1.jpg") no-repeat;
	margin: 30px 0px 0px 0px;
}


.note_2 {
	display: block;
	float: left;
	width: 580px;
	height: auto;
	background: url("img/note_2.jpg") repeat-y;
	font-size: 12px; 
	line-height: 18px;
}


.note_3 {
	display: block;
	float: left;
	font-size: 0;
	width: 580px;
	height: 15px;
	background: url("img/note_3.jpg") no-repeat;
}


.d_data {
	display: block;
	text-align: left;
	padding: 30px 0px 0px 50px;
	font-weight: bold;
}


.d_title {
	display: block;
	text-align: left;
	padding: 5px 0px 0px 50px;
	font-weight: bold;
}


.d_photo {
	display: block;
	padding: 15px 0px 15px 50px;
}


.d_text {
	display: block;
	float: left;
	text-align: left;
	padding: 0px 50px 0px 50px;
	width: 480px;
	height: auto;
}


.botton {
	display: block;
	float: right;
	margin: 10px 0px 0px 20px;
	font-size: 14px;
}

.botton form { text-align: center;}

/*box2レイアウト（END）*/