@charset "utf-8";

/*-----------------------------------------------
 __container
-----------------------------------------------*/
body{
	background:#333333;
}

/* 全体のコンテナ (div#container) */

div#container {
	width: 941px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	background:#FFFFFF;
	z-index: 0;
}

/* header */
div#header {
	min-height:226px;
}
  
div#head {
	line-height:0;
	margin-left:20px;
	width:902px;
}

div#head img {
	display:block;
	float:left ; 
	margin:0 1px 1px 0 ;
}



div#mainMenu {
	margin-left:20px;
}

div#mainMenu img {
	display:block;
	float:left ; 
	margin:0 1px 0 0;
}
/* contents */
div#contents{
	padding:0 20px 0 20px;
}

/* leftBox */
div#leftBox {
	float:left;
	padding:0 0 3px 0;
	background:#EEEEEE;
	width: 180px;
}
 
div#leftBox .title {
	float:left;
	background:#000000;
	color:#FFFFFF;
	color:#FFFFFF;
	margin-bottom:5px;
	margin-top:15px;
}  

div#leftBox ul{
	padding-top: 30px;
}
 
div#leftBox ul li{
	list-style-type:none;
	font-size:small;
	line-height:1.0;
}
 
div#leftBox ul li a {
	text-decoration:none;
	display:block;
	margin: 5px 10px 15px 10px;
	padding:3px 0 3px 0px;
	border-bottom: 1px solid #FFFFFF;
}
* html div#leftBox ul li a {
	margin: 2px 5px 2px 5px;
}

div#leftBox ul li a:link,
div#leftBox ul li a:visited{
	color:#333333;
}
  
div#leftBox ul li a:hover,
div#leftBox ul li a:active{
	background-color:#FFCC00;
	text-decoration:none;
}

div#leftBox .center{
	text-align:center;
}

/* rightBox */
div#rightBox{
	margin-left:180px;
	padding:10px;
	width:700px;
	
}
* html div#rightBox{
	padding:10px 5px 10px 5px;
}

/* footer */
#footer {
	width : 100% ;
	clear : both ;
	text-align:center;
	padding-top:10px;
	font-size:10px;
}

/* pankuzu */
#pankuzu {
	font-size:12px;
	padding:10px 0 10px 0;
	border-top:2px solid #333;
	border-bottom:1px solid #CCC;
}

/* catch */
#catch{
	padding:20px 10px 30px 10px;
	border-bottom:1px solid #CCC;
}
#catch img{
	padding:2px;
	border:1px solid #333;
}
.catch_title{
	font-size:16px;
	text-decoration:underline;
	font-weight:bold;
	padding-bottom:20px;
}
.catch_sub{
	font-size:15px;
	padding-bottom:15px;
}
.catch_text{
	font-size:13px;
	line-height:2;
}

/* scroll_menu */
#scroll_menu{
	padding:30px 5px 40px 5px;
}
.scroll_title{
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
	padding:0 0 20px 0;
}

.ul_right li{
	text-align:right;
	list-style:none;
	text-decoration:underline;
	font-size:13px;
	line-height:2;
}
.ul_right li a{
	color:#666;
}
.menu_table{
	width:100%;
	margin-bottom:25px;
}

/* contentsBox */
#contentsBox{
	width: 901px;
	margin-left:auto;
	margin-right:auto;
	border-top:1px solid #CCC;
}

.inner{
	padding:80px 30px 30px 30px;
	border-bottom:1px solid #CCC;
}
.scroll_content_title{
	padding:80px 0 20px 0;
	font-size:13px;
	font-weight:bolder;
	text-decoration:underline;
}
.scroll_content_sub{
	font-size:13px;
	padding:0 0 30px 0;
}
.scroll_content_text{
	font-size:13px;
	padding:0 0 30px 0;
}
.scroll_img{
	text-align:right;
	padding:0 0 30px 0;
}

#yahoo_music{
	font-size:13px;
}

.com_title{
	font-size:14px;
	text-decoration:underline;
}

.comP a{
	color:#333;
}

.web_table img{
	padding:2px;
	background-color:#EEE;
}
.web_table a{
	color:#333;
	font-size:11px;
}
#iii{
	width : 100% ;
	clear : both ;
	text-align:center;
	line-height:0;
}

/* kugiri */
#kugiri {
	width : 100% ;
	clear : both ;
	text-align:center;
	padding-top:10px;
}

.newsTitle{
	margin-top:20px;
	padding:3px 10px 3px 10px;
	font-size:23px;
	color:#FFF;
}
.newsJ{
	background-color:red;
	color:#FFF;
	padding:2px;
	font-size:20px;
	float:left;
	margin-right:10px;
	width:50px;
}
.bgP{
	background-color:#FF6699;
}
.recentWorks{
	font-size:15px;
	background-color:#26C7F5;
	color:#FFF;
	padding:8px 0 8px 10px;
	margin:20px 0 20px 0;
}

/*-----------------------------------------------
 __テキスト関係
-----------------------------------------------*/
.line8{line-height:0;}

.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}
.font19{font-size:19px;}
.font20{font-size:20px;}
.font21{font-size:21px;}
.font22{font-size:22px;}
.font23{font-size:23px;}
.font24{font-size:24px;}

.font080{font-size:0.80em}
.font085{font-size:0.85em}
.font090{font-size:0.90em}
.font095{font-size:0.95em}
.font105{font-size:1.05em}
.font110{font-size:1.10em}
.font115{font-size:1.15em}
.font120{font-size:1.20em}
.font125{font-size:1.25em}
.font130{font-size:1.30em}
.font135{font-size:1.35em}
.font140{font-size:1.40em}
.font145{font-size:1.45em}
.font150{font-size:1.50em}

.color_red{color:#FF0000;}
.color_ore{color:#FF6600;}

.bold{font-weight: bold;}

.align_center{width:100%; text-align:center;}
.align_right{ width:100%; text-align:right;}

.vartical_super{vertical-align:top;}

.padding_20{ padding:20px;}

.padding_l5{ padding-left:5px;}
.padding_l10{ padding-left:10px;}
.padding_l15{ padding-left:15px;}
.padding_l20{ padding-left:20px;}
.padding_l25{ padding-left:25px;}
.padding_l30{ padding-left:30px;}

.padding_r5{ padding-right:5px;}
.padding_r10{ padding-right:10px;}
.padding_r15{ padding-right:15px;}
.padding_r20{ padding-right:20px;}
.padding_r25{ padding-right:25px;}
.padding_r30{ padding-right:30px;}

.padding_b5{ padding-bottom:5px;}
.padding_b10{ padding-bottom:10px;}
.padding_b15{ padding-bottom:15px;}
.padding_b20{ padding-bottom:20px;}
.padding_b25{ padding-bottom:25px;}
.padding_b30{ padding-bottom:30px;}

.padding_t5{ padding-top:5px;}
.padding_t10{ padding-top:10px;}
.padding_t15{ padding-top:15px;}
.padding_t20{ padding-top:20px;}
.padding_t25{ padding-top:25px;}
.padding_t30{ padding-top:30px;}