﻿@charset "utf-8";

/*----------------------------------------------------------------*/
/* Do You Know What My Name Is ? (2015/01/30 update) */
/*----------------------------------------------------------------*/
/* Common Settings */
/*----------------------------------------------------------------*/

html, body {
height:100%;
	scrollbar-base-color      : #ffffff;
	scrollbar-face-color      : #ffffff;
	scrollbar-track-color     : #eeeeee;
	scrollbar-arrow-color     : #0000ff;
	scrollbar-3dlight-color   : #dddddd;
	scrollbar-highlight-color : #dddddd;
	scrollbar-shadow-color    : #dddddd;
	scrollbar-darkshadow-color: #dddddd;
	}

	a:link   {color: #0000ff; background-color:transparent; text-decoration: none;}
	a:visited{color: #6600cc; background-color:transparent; text-decoration: none;}
	a:hover  {color: #0080ff; background-color:transparent; text-decoration:underline;}
	a:active {color: #ff00ff; background-color:transparent; text-decoration:underline;}


body{
	top:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#e9d09d;
	}

body#home{
	top:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#e9d09d;
	background-image:url("../images/header_bg_smp.png");
/*	background-image:url("../images/bg_home_smp.png");*/
	background-repeat:repeat-x;
	}

header{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	height:48px;
	background-color:#990000;
	}

header #header_smp{
	text-align:center;
	}

header #backhome{
	position:absolute;
	top:3px;
	left:10px;
	z-index:3;
	}



/*----------------------------------------------------------------*/
/* Navi */
/*----------------------------------------------------------------*/

nav{
	width:100%;
	margin:10px auto 10px auto;
	padding:0px 0px 0px 0px;
	list-style:none;
	}

nav ul#global_navi{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

nav ul#global_navi li{
	margin:0px 10px 5px 10px;
	padding:0px 0px 0px 0px;
	}

nav ul#global_navi li a:link{
	margin:0px 0px 0px 0px;
	padding:10px 30px 10px 20px;
	display:block;
	background-image:url("../images/arrow.png");
	background-repeat:no-repeat;
	background-position:right center;
	background-size:30px 15px;
	font-family:"Meiryo",Times,'Lucida Sans Unicode','Lucida Grande',serif;
	font-style:normal;
	font-weight:normal;
	font-size:16px;
	line-height:120%;
	background-color:rgba(0,0,0,0.5);
	color:#ffffff;
	text-decoration:none;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	}

nav ul#global_navi li a:visited{
	background-color:rgba(0,0,0,0.5);
	color:#ffffff;
	text-decoration:none;
	}

nav ul#global_navi li a:hover{
	background-color:rgba(0,0,0,0.8);
	color:#ffffff;
	text-decoration:none;
	}

nav ul#global_navi li a:active{
	background-color:rgba(0,0,0,0.5);
	color:#ffffff;
	text-decoration:none;
	}


.pager{
	margin:10px auto 30px auto;
	padding:0px 0px 0px 0px;
	width:100px;
	text-align:center;
	}

.pager a:link{
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	display:block;
	font-family:"Meiryo",Times,'Lucida Sans Unicode','Lucida Grande',serif;
	font-style:normal;
	font-weight:normal;
	font-size:16px;
	line-height:120%;
	background-color:rgba(100,0,0,0.5);
	color:#ffffff;
	text-decoration:none;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	}

.pager a:visited{
	background-color:rgba(100,0,0,0.5);
	color:#ffffff;
	text-decoration:none;
	}

.pager a:hover{
	background-color:rgba(100,0,0,0.8);
	color:#ffffff;
	text-decoration:none;
	}

.pager a:active{
	background-color:rgba(100,0,0,0.5);
	color:#ffffff;
	text-decoration:none;
	}




/*----------------------------------------------------------------*/
/* Footer */
/*----------------------------------------------------------------*/

footer{
	margin:0px 0px 0px 0px;
	padding:30px 0px 0px 0px;
	width:100%;
	background-image:url(../images/footer_bg_smp.png);
	background-repeat:repeat-x;
	background-color:transparent;
	font-family:"Meiryo",Times,'Lucida Sans Unicode','Lucida Grande',serif;
	font-style:normal;
	font-weight:normal;
	font-size:10px;
	line-height:120%;
	color:#ffffff;
	}

footer #footer_credit{
	margin:0px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	text-align:center;
	font-family:"Meiryo",Times,'Lucida Sans Unicode','Lucida Grande',serif;
	font-style:normal;
	font-weight:normal;
	font-size:12px;
	line-height:120%;
	color:#ffffff;
	}

footer #footer_credit small{
	font-size:9px;
	}

footer #JOOX{
	margin:20px 0px 0px 20px;
	padding:0px 0px 20px 0px;
	text-align:center;
	}



footer #footer_set{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	}



/*----------------------------------------------------------------*/
/* Main */
/*----------------------------------------------------------------*/

#main{
	margin:0px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	font-family:"Meiryo",Arial,'Lucida Sans Unicode','Lucida Grande', sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:14px;
	line-height:140%;
	color:#000000;
/*	text-align:justify;*/
/*	text-justify:auto;*/
	}


hr{
	color:#cc0000;
	background-color:#cc0000;
	border-style:none;
	height:1px;
	margin:15px 0px 15px 0px;
	}


#pageTop {
	position:fixed;
	bottom:50px;
	right:10px;
	}
#pageTop a{
	}
#pageTop a:hover {
	}



/*-------------------------------------------------------------------------*/
/*	ClearFixElements    */
/*-------------------------------------------------------------------------*/

.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
	}

.clearfix:after {
	clear: both;
	}



/*-------------------------------------------------------*/
/* HOME */
/*-------------------------------------------------------*/

#top_image{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:320px;
	height:320px;
	text-align:center;
	}

#top_awards{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:300px;
	height:185px;
	text-align:center;
	}



/*-------------------------------------------------------*/
/* Page setting */
/*-------------------------------------------------------*/

h1.page_title{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-family:'Love Ya Like A Sister', cursive;
	font-weight:normal;
	font-size:30px;
	line-height:120%;
	color:#770000;
	border-bottom:3px dotted #770000;
	}

h2.sub_title{
	margin:0px 0px 10px 0px;
	padding:px 0px 0px 0px;
	font-weight:normal;
	font-size:20px;
	line-height:120%;
	color:#770000;
	}

h3.box_title{
	margin:0px 0px 10px 0px;
	padding:px 0px 0px 0px;
	font-weight:normal;
	font-size:24px;
	line-height:140%;
	color:#770000;
	}

p{
  margin:10px 0px 10px 0px;
  text-indent:1em;
  }

.lead{
	margin:0px 0px 10px 0px;
	padding:px 0px 0px 0px;
	font-weight:normal;
	font-size:18px;
	line-height:120%;
	color:#aa0000;
	}

.main_text{
	margin:0px 0px 30px 0px;
	padding:px 0px 0px 0px;
	font-family:"Meiryo",Arial,'Lucida Sans Unicode','Lucida Grande', sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:14px;
	line-height:120%;
	color:#000000;
	text-align:justify;
	text-justify:auto;
	}



/*-------------------------------------------------------*/
/* Staff */
/*-------------------------------------------------------*/

.staff_photo{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	}

.staff_name{
	margin:0px 0px 30px 85px;
	padding:5px 0px 0px 0px;
	font-family:"Meiryo",Arial,'Lucida Sans Unicode','Lucida Grande', sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:17px;
	line-height:120%;
	}

.staff_name2{
	margin:20px 0px 0px 85px;
	padding:0px 0px 0px 0px;
	font-family:"Meiryo",Arial,'Lucida Sans Unicode','Lucida Grande', sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:12px;
	line-height:110%;
	}

.staff_name2 small{
	font-size:0.7em;
	}



/*-------------------------------------------------------*/
/* Notes */
/*-------------------------------------------------------*/

h1.notes_title{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-family:'Love Ya Like A Sister', cursive;
	font-weight:normal;
	font-size:30px;
	line-height:120%;
	color:#770000;
	border-bottom:3px dotted #770000;
	}

ul#notes_list{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

ul#notes_list li{
	height:50px;
	margin:0px 0px 0px 0px;
	padding:25px 0px 15px 90px;
	border-bottom:1px dotted #990000;
	font-family:"Meiryo",Arial,'Lucida Sans Unicode','Lucida Grande', sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:16px;
	line-height:150%;
	color:#000000;
	}

ul#notes_list li.list_1{
	background-image:url("../photo/p_ota_smp.png");
	background-repeat:no-repeat;
	background-position:0px 5px;
	background-size:80px 80px;
	}

ul#notes_list li.list_2{
	background-image:url("../photo/p_kawashima_smp.png");
	background-repeat:no-repeat;
	background-position:0px 5px;
	background-size:80px 80px;
	}

ul#notes_list li.list_3{
	}

ul#notes_list li.list_4{
	background-image:url("../photo/p_kazama_smp.png");
	background-repeat:no-repeat;
	background-position:0px 5px;
	background-size:80px 80px;
	}

.list_sub{
	font-size:10px;
	line-height:120%;
	}

ul#notes_list li a:link,a:visited,a:hover,a:active{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	color:#000000;
	}


h2.notes_lead{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-size:24px;
	line-height:120%;
	color:#aa0000;
	}

.notes_comment{
	margin:20px 10px 30px 10px;
	padding:0px 0px 0px 0px;
	font-family:"Meiryo",Arial,'Lucida Sans Unicode','Lucida Grande', sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:12px;
	line-height:120%;
	color:#000000;
	text-align:justify;
	text-justify:auto;
	}

#notes_body{
	margin:20px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	font-family:"Meiryo",Arial,'Lucida Sans Unicode','Lucida Grande', sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:14px;
	line-height:120%;
	color:#000000;
/*	text-align:justify;*/
/*	text-justify:auto;*/
	}



.notes_name_1{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:Arial,'Lucida Sans Unicode','Lucida Grande', sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:20px;
	line-height:130%;
	color:#000000;
	}

.notes_name_2{
	margin:0px 0px 20px 0px;
	padding:0px 0px 10px 0px;
	font-family:Arial,'Lucida Sans Unicode','Lucida Grande', sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:12px;
	line-height:130%;
	color:#000000;
	border-bottom:5px dotted #ff9900;
	}

.notes_name_3{
	margin:0px 0px 0px 20px;
	padding:10px 0px 0px 0px;
	font-family:Arial,'Lucida Sans Unicode','Lucida Grande', sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:18px;
	line-height:130%;
	color:#000000;
	border-top:5px dotted #ff9900;
	}

.notes_name_4{
	margin:0px 0px 0px 20px;
	padding:0px 0px 10px 0px;
	font-family:Arial,'Lucida Sans Unicode','Lucida Grande', sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:15px;
	line-height:130%;
	color:#000000;
	}

.notes_name_5{
	margin:0px 0px 0px 20px;
	padding:0px 0px 10px 0px;
	font-family:Arial,'Lucida Sans Unicode','Lucida Grande', sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:12px;
	line-height:130%;
	color:#000000;
	}

.notes_body_text{
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	font-family:"Meiryo",Arial,'Lucida Sans Unicode','Lucida Grande', sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:14px;
	line-height:140%;
	color:#000000;
	text-align:justify;
	text-justify:auto;
	}

