@charset "UTF-8";

/*=============================================================

     Ittoen Official Site common.css

=============================================================*/

/* フォント
-----------------------------------------------------------*/
body {
	font-family:"Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size:0.9em;
	color:#444;
}

/* リンクカラー
-----------------------------------------------------------*/
a:visited	{
	color:#197FCC;
	text-decoration:none;
}
a:link	{
	color:#197FCC;
	text-decoration:none;
}
a:hover	{
	color:#FF6600;
	text-decoration:underline;
}

/* レイアウト
-----------------------------------------------------------*/
body	{
	text-align:left;
	background:url(../img/common/bg_back.jpg) repeat-x left top;
}
#Wrapper	{
	width:900px;
	margin:0 auto;
}

#ContentsArea	{
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #d6f78f;
	border-top:1px solid #CCC;
	background-color:#FFF;
}

#Main	{
	float:right;
	width:689px;
}

.Pagetop	{
	margin:15px 10px 15px 0;
	text-align:right;
}

#Footer	{
	width:858px;
	margin:0 auto;
	background-color:#d6f78f;
	padding:20px 20px;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
}

.TitleArea	{
	width:859px;
	margin:0 auto 20px auto;
}
#ContentsArea .TitleArea h2	{
	margin:0 0 0 20px;
}


/* ヘッダ
-----------------------------------------------------------*/
#HeaderArea	{
	position:relative;
	height:108px;
}
#HeaderArea #Logo	{
	position:absolute;
	top:0;
	left:0;
}
#HeaderArea #Auther	{
	position:absolute;
	top:35px;
	right:0px;
}

/* グローバルナビ
-----------------------------------------------------------*/
#GlobalNavi li	{
	float:left;
	position:relative;
}
#GlobalNavi li a	{
	display:block;
}
#GlobalNavi li ul	{
	position:absolute;
	top:78px;
	left:-10px;
	z-index:100;
	visibility:hidden;
	overflow:hidden;
	background:url(../img/common/bg_navi_sub_contents.png) no-repeat left top;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width:159px;
	padding:0 2px 2px 2px; 
	border:2px solid #333;
	box-shadow:rgba(0, 0, 0, 0.21) 0px 0px 3px 2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.21) 0px 0px 3px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.21) 0px 0px 3px 2px;*/
}
#GlobalNavi li ul li:first-child	{
	margin-top:26px;
}
#GlobalNavi li ul li	{
	margin-left:5px;
	margin-right:15px;
	border-bottom:1px dotted #999999;
}
#GlobalNavi li ul li:last-child	{
	margin-bottom:30px;
	border-bottom:none;
}
#GlobalNavi li:hover ul	{
	visibility:visible;
	overflow:visible;
}
#GlobalNavi li ul li a	{
	display:block;
	padding:20px 26px 19px 26px;
	width:115px;	
}
#GlobalNavi li ul li:first-child a	{
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
#GlobalNavi li ul li:last-child a	{
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
#GlobalNavi li ul li a:hover	{
	background-color:#E6E3BD;	
}


/* フッタ
-----------------------------------------------------------*/
#Footer .FooterLayout > li	{
	float:left;
	padding:15px 0;
}
#Footer .FooterLayout li.left	{
	width:309px;
}
#Footer .FooterLayout li.center	{
	width:140px;
	padding:15px 20px;
	margin:0 20px;
	border-right:1px solid #999;
	border-left:1px solid #999;
}
#Footer .FooterLayout li.center li	{
	margin-bottom:8px;
}
#Footer .FooterLayout li.right	{
	width:327px;
}
#Footer .FooterLayout li.right dl	{
	margin-bottom:70px;
}
#Footer .FooterLayout li.right dt,
#Footer .FooterLayout li.right dd	{
	color:#666;
}
#Footer .FooterLayout li.right dt	{
	margin-bottom:15px;
	font-size:1.2em;
	font-weight:bold;
}
#Footer .FooterLayout li.right dd	{
	line-height:1.4;
}
#Footer .FooterLayout li.right .copyright	{
		text-align:right;
}

/* 汎用スタイル
-----------------------------------------------------------*/
.Fimage01	li	{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.Fimage02	li	{
	float:left;
	margin-right:24px;
	margin-bottom:24px;
}
.Fimage03	li	{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.BodyText	{
	font-size:1.2em;
	line-height:1.8;
	color:#666;
}

table th,
table td {
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	padding: 16px 12px;
	line-height:1.4;
}
table {
	border-top:1px solid #666;
	border-left:1px solid #666;
	margin:0 auto;
}

/* プロフィール
-----------------------------------------------------------*/
table.profileTable	{
	width:618px;
}
table.profileTable,
table.profileTable th,
table.profileTable td	{
	border:none;
}
table.profileTable th,
table.profileTable td	{
	vertical-align:top;
	padding:8px 0;
	line-height:1.8;
}
table.profileTable th	{
	width:110px;
}
table.profileTable.borderTop	{
	margin-top:20px;
	border-top:1px solid #CCC;
}

/* コンタクト
-----------------------------------------------------------*/
#Contacts .MailContact	{
	width:470px;
	margin:30px auto 0 auto;
	border:1px solid #666;
	padding:20px 50px;
}
#Contacts .MailContact dt,
#Contacts .MailContact dd	{
	font-size:1.4em;
}


/* 作品
-----------------------------------------------------------*/
.orederContentsLink	{
	margin:30px 0;
}
.orederContentsLink li	{
	margin:0 0 20px 0;
}
.orederContentsLink dt,
.orederContentsLink dd	{
	float:left;
}
.orederContentsLink dt	{
	margin-right:20px;
}
.orederContentsLink dd	{
	font-size:1.2em;
	color:#666;
	padding:17px 0 0 0;
}

/* リンク
-----------------------------------------------------------*/
.BannerLink a:hover img	{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}

/* トップ
-----------------------------------------------------------*/
#TopSlider	{
	width:859px;
}
#TopSlider div	{
	width:859px;
	margin:0 20px;
}
#Top .bx-controls	{
	text-align:center;
	padding:5px 0 30px 0;
}


#SubLead01,
#SubLead02	{
	text-align:center;
}
#SubLead01	{
	margin:20px 0 10px 0;
	height:69px;
}
#SubLead02	{
	height:48px;
}

.News	{
	float:left;
	width:530px;
	margin:30px 0 0 0;
}
.News h2	{
	margin:0 0 15px 0;
}
.News dl	{
	background:url(../img/index/ico_news.gif) no-repeat left top;
	margin:0 15px 20px 20px;
}
.News dt	{
	margin:0 0 10px 35px;
	padding:6px 0 6px 0;
	font-size:1.1em;
	font-weight:bold;
	border-bottom:1px dashed #999999;
}
.News dd	{
	margin:0 0 4px 35px;
	font-size:1.1em;
	line-height:1.4;
}
.NewsOther	{
	float:right;
	width:368px;
	background:url(../img/index/img_news_other.jpg) no-repeat bottom center;
}

/* clearfix
-----------------------------------------------------------*/
.clearfix,
.Section {
	zoom:1;
	}
.clearfix:after,
.Section:after {
  content: ""; 
  display: block; 
  clear: both;
}