@charset "UTF-8"

/*Copyright (c) 2002-2012 Workroom Co., Ltd. All rights reserved.*/

/*---------------------------------basic form------------------------------------*/
*{margin:0; padding:0;}

body{
	background-color:#ffffff;
	color: #333333;
	}
	
img{border-width:0px;}
hr{
	margin-top:20px;
	border:#F7C8AB 1px dashed;
	}
	
a{color: #ff6d20; text-decoration: none;}
a:hover {color: red!important; text-decoration: none;}

.wrapper{
	width: 800px; 
	margin:10px auto;
	}

.contents{
	width:100%; 
	border:1px solid #ff9157; 
	background-color:#ffffff;
	}

.padding{padding:10px;}
.padding_left{
	padding-left:20px;
	padding-right:20px;
	line-height:160%; 
	color:#000000; 
	font-size:12px; 
	font-weight: normal; }
	 
.invisible{text-indent:-9999px;}

/*---------------------------------top head------------------------------------*/
.tophead {text-align:right!important; color:#FF9157; text-decoration: none; background-color:#ffffff;}
.tophead a{color:#FF9157; text-decoration: none;}
.tophead a:hover{color:#FF9157; text-decoration: underline;}

/*---------------------------------header------------------------------------*/
.header{width:100%; height:115px;border-bottom:1px solid #ff9157;}
.header a{color: #ff9157; text-decoration: none;}
.header a:visited {color: #ff9157; text-decoration: none;}
.header a:hover {color: red; text-decoration: none;}

.h_left{
	float:left;
	width:315px;
	height:115px; 
	background-color:#ea5f00;
	}
.h_right{
	float:right;
	width:485px;
	height:115px; 
	}

/*---------------------------------explain------------------------------------*/
.explain{
	width:485px;
	height:58px; 
	margin:20px;
	line-height:180%;
	}
	
/*---------------------------------update------------------------------------*/
.update{
	border-top:1px solid #ff9157; 
	background-color:#ffffff;
	height:11px;
	text-align:right;
	padding-top:2px;
	padding-right:1em;
	font-size: 9pt;
	color: #ff9157;}

/*---------------------------------navi------------------------------------*/
.navi{
	background-color:#ffffff;
	border-top:1px solid #ff9157; 
	height:16px;
	}
.navi ul{
	list-style:none;
	 font:10pt bolder;
	 margin:0; 
	 padding:0;
	 }
.navi li {
	text-decoration:none; 
	text-align:center; 
	width:79px; height:16px; 
	float:left;
	border-left:1px solid #ff9157; }
.navi li a{
	display:block; 
	font-weight: bold;
	color:#333333;
	text-decoration:none;}
.navi li a:hover {
	color:#000000; 
	background-color:#F7C8AB;
	height:16px;}
.navi li.selected{
	color:#000000; 
	background-color:#F7C8AB; 
	font-weight: bold;
	float:left;}

/*---------------------------------main------------------------------------*/
.main{
	float:none;
	background-color:#ffffff;
	overflow: hidden;
	margin-bottom:30px;
	}

.main a{color: #ff6d20; text-decoration: none;}
.main a:hover {color: red; text-decoration: none;}

.main:after {content: ""; display: block; clear: both; height: 1px;
    overflow: hidden;}
/*¥*/
* html .main {height: 1em; overflow: visible;}
/**/

/*---------------------------------main left------------------------------------*/
.main_left{
	border-right:0px solid #f7c8ab;
 	width:200px;
	float:left;
	text-align:center;
	vertical-align:middle;
 	background-color:#ffffff;
	color:#333333;}
.main_left a{color: #ff6d20; text-decoration: none;}
.main_left a:hover {color: red!important; text-decoration: none;}

.main_left img{
	border:0px solid #eeeeee;
	}
/*---------------------------------main right------------------------------------*/	 
.main_right{
	border-left:0px solid #f7c8ab;
	width:598px; 
	float:right; 
	background-color:#ffffff;
	color:#333333;}
	
.main_right a{color: #ff6d20; text-decoration: none;}
.main_right a:hover {color: red; text-decoration: none;}

.main_right ul{list-style:none; list-style-image: url(../sq_2.jpg);}
.main_right li {margin:5px 0 5px 0;}
.main_right li a{color: #000000; text-decoration: none;}
.main_right ul li a:hover {color: red; text-decoration: none;}

/*---------------------------------footer------------------------------------*/	 
.footer{float:clear; 
	width:100%; text-align:right; 
	color:#FF9157; font-size:8pt; 
	background-color:#ffffff;}




/*---------------------------------font------------------------------------*/
h1{
	font-size:14px; 
	font-weight:bold;
	color:#000 ;
	text-indent:1.5em; 
	background:url(../sq_1.jpg) no-repeat;
	}
h2{
	border-top:1px solid #ff9157;
	padding-top:10px;
	font-size:12px; 
	font-weight:bold;
	color:#000 ;
	text-indent:1em; 
	text-align:left;
	background:url(../sq_2.jpg) no-repeat;
	}
	
.work_text{
	font-size:12px;
	}
	
.work_title{
	margin:0;
	padding:0;
	line-height:200%; 
	text-indent:1em; 
	color:#ff9157; 
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	border-top:1px solid #ff9157;
	border-left:1px solid #ff9157;
	border-bottom:1px solid #ff9157;
	}

.work_name{	
	color:#555; 
	font-size:12px;
	font-weight:bold;
	}
	
.artist{
	line-height:140%; 
	color:#153975; 
	font-size:10px; 
	font-weight:bold; }

.white{color:white;}
.black{color:black;}
.red{color:red;}
.orange{color:#ff9157;}
.st_orange{color:#ff6d20;}
.blue{color:#005d7f;}

.smaller 
{ font-size: 11px; font-style: normal; 
line-height: 140%; font-weight: normal; color: #333333;}
.smallest 
{ font-size: 9px; font-style: normal; 
line-height: 120%; font-weight: normal; color: #333333;}
.bold {font-size: 10px; 
line-height: 150%; font-weight: bold; color: #333333;}
.bold_large {font-size: 12px; 
line-height: 170%; font-weight: bold; color: #333333 ;}

/*---------------------------------sub window------------------------------------*/
.close{text-align:right; color:#ffffff; text-decoration: none; background-color:#FFFFFF;}
.close a{color:#ffffff; text-decoration: none;}
.close a:hover{color:#ffffff; text-decoration: none; font-weight:bold;}

.sub_wrapper{width: 550px; margin:30px auto; }
.sub{width:100%; background:url() no-repeat bottom right #ffffff;}
.sub_title{padding:1em 2em; border:1px solid #FF9157; text-align:left; color:#000000; font-size:12pt;}
.sub_img{padding:0.5em; border:1px dotted #FF9157; text-align:center;}
.sub_contents{margin-top:5px; padding:2em 5em; line-height:150%; border:1px solid #FF9157;}
.sub_contents a:hover {color: #FF9157; text-decoration: underline;}
.sub_contents a:link, a:active, a:visited {color: #FF9157; text-decoration: none;}



	
	.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}