@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
body {
	margin: 0 auto;
	padding: 0px;
	text-align:center;
	background-image:url(../common/canbas_bg.gif)
}
#wrapper {
    width: 760px;
    margin: 0 auto;
    text-align:center;
	background-color:#FFF;
}
img {
	border: none;
	vertical-align: top;
	border-style:none;
}
/* 文字
---------------------------------------------*/
h1 {
	font-size: 1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	font-weight:bold;
}
h2 {
	font-size: 0.8em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.2em;
	font-weight:normal;
}
h3 {
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	line-height:0.6em;
}
h4 {
	font-size: 0.6em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック",Arial, Helvetica, sans-serif;
	line-height: 2em;
	font-weight:lighter;
}
h5 {
	font-size: 0.6em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック",Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	font-weight:lighter;
}
p {
    margin:10px 0 10px 10px;
}
a {
    color:#1C37CB;
}
/* ヘッダー
---------------------------------------------*/
#header {
	width: 760px;
	}
.url {
    display:block;
	float: left;
	width: 760px;
    background-image: url(../common/header_bg.gif);
	background-repeat:no-repeat;
	border-bottom: 5px solid #FFF;
	}
.logo {
	float: left;
	width:270px;
	}
/* ヘッダーナビゲーション
---------------------------------------------*/
.headnavi {
		width: 760px;
		list-style:none;
		margin: 0 auto;		
}
.headnavi logo {
	float: left;
	width:270px;
	}
.headnavi a{
  text-decoration:none;
}
.headnavi ul {
		margin: 0 auto;
		list-style: none;		
}
.headnavi li {
		float: right;
		width: 130px;
		margin: 0 auto;		
}
.headnavi li a {
		display: block;
		width: 130px;
		padding: 14px 0 10px 0;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		color: #FC463E;
		text-decoration: none;
		background-color: #FFF;
}
.headnavi li a:hover {
		color: #FFF;
		background-color: #5EA9FF;
}	
/* ヘッダーナビゲーション　キャプション
---------------------------------------------*/
.head {
  position:relative;
}
.head span { 
  display: block;
  position:absolute;
  visibility: hidden;
  overflow:hidden;
  top:2em; 
  left:2em; 
  width:10em;
  padding:0.05em;
  border:1px solid #5EA9FF;
  background-color:#FFF;
  color:#1C37CB; 
  text-align:center;
  text-decoration:none;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-size:12px;
  font-weight:lighter;
  filter:alpha(Opacity=80);
  -moz-opacity: 0.8;
  opacity:0.8;  
}
a.head:hover,a.head:hover span {
  visibility: visible;
  z-index: 100;
}
/* メインイメージ
---------------------------------------------*/
#main-img {
    width: 760px;
	margin:0 auto;
}
/* グローバルナビゲーション
---------------------------------------------*/
#navigation {
		width: 760px;
		list-style:none;
		margin: 0 auto;
}
#navigation a{
  text-decoration:none;
}
#navigation ul {
		margin: 0px 0 0 0;
		padding: 0;
		list-style: none;
}
#navigation li {
		float: left;
		width: 180px;
		padding: 0px;
		margin: 0;
		border-left:5px solid #FFF;
		border-right:5px solid #FFF;
		border-top:10px solid #FFF;
		border-bottom:10px solid #FFF;
}
#navigation li a {
		display: block;
		width: 180px;
		padding: 3px 0;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size:0.75em;
		color: #FFF;
		text-decoration: none;
        background-color: #1C37CB;
		border-bottom:2px solid #122280;	
}
#navigation li a:hover {
		color: #000;
		background-color: #5EA9FF;
		border-bottom:2px solid #1C37CB;
}
/* ナビゲーション　キャプション
---------------------------------------------*/
.info {
  position:relative;
}
.info span { 
  display: block;
  position:absolute;
  visibility: hidden;
  overflow:hidden;
  top:1em; 
  left:2em; 
  width:10em;
  padding:0.05em;
  border:1px solid #5EA9FF;
  background-color:#FFF;
  color:#1C37CB; 
  text-align:center;
  text-decoration:none;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-size:12px;
  font-weight:lighter;
  filter:alpha(Opacity=80);
  -moz-opacity: 0.8;
  opacity:0.8;  
}
a.info:hover,a.info:hover span {
  visibility: visible;
  z-index: 100;
}
/* コンテンツ ボディ-３カラム-
---------------------------------------------*/
#bodywrap {
    width: 760px;
	margin: 0 auto;
}
#main {
    width:547px;
	float:right;
	border-right:5px solid #FFF;
}
/* コンテンツ タイトル-３カラム-
---------------------------------------------*/
#main-3 {
    width:417px;
    overflow:hidden;
	float:left;
}
#main-wrap-3 {
	float:left;
	width:417px;
    background-color:#FFF;
	border-top:2px solid #FC463E;
}
.main-base-3 {
	margin:0 auto;
}
.main-title-3 {
	padding: 10px 10px 1px 10px;
	text-align: left;	
	color: #FC463E;	
}
.main-text-3 {
	width:407px;
	text-align: justify;
	list-style: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	padding: 0px 10px 3px 10px;
	color: #333;	
	background-color: #FFFFFF;
}
/* 文章用-３カラム-
---------------------------------------------*/
#text_wrap-3 {
	width:417px;
	float:left;
}
.text_base-3 {
    background-color:#FFF;
	margin:0px 0 10px 0;
}	
.text_title-3	{
	clear: both;
	display:block;
	text-align: left;
	font-weight:bold;
	padding: 1px 10px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FC463E;
	border-top:1px dotted #FC463E; /* 下線の色の指定 */
}		
.text_inner-3 {
	width:407px;
    text-align: justify;
	list-style: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	padding: 0px 10px 3px 10px;
	color: #000;
}
/* 作品一覧ギャラリー-３カラム-
---------------------------------------------*/
#gallery_wrap-3 {
	width:417px;
	background: #FFFFFF;
	float: left;
	border-top:1px dotted #FC463E;
}
.gallery_box_inner {
    width:417px;
}
.gallery_title {
	clear: both;
	display:block;
	text-align: left;
	font-weight:bold;
	padding: 1px 10px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FC463E;
}		
.gallery_box {
	float: left;
	width: 104px;
	height: 80px;
	text-align: center;
	padding: 10px 0px 10px 0px;
	list-style: none;
}
.gallery_box a:hover { 
	border: 1px solid #FFF; /* リンク有りの画像のボーダーの指定 */
}
.gallery_box a img{ 
	border: 1px solid #FFF; /* リンク有りの画像のボーダーの指定 */
}
.gallery_box a:hover img{ 
	border: 1px solid #FC463E; /* ロールオーバーの画像のボーダーの指定 */
}
/* 注意！
---------------------------------------------*/
#attention {
	float:left;
	border-top:1px dotted #FC463E;
	text-align: right;
	width: 417px;
	margin:10px 0px 10px 0px;
	padding:0px 0 0 0;
	color: #FC463E;
	text-decoration:none;
}
/* 右バナー-３カラム-
---------------------------------------------*/
#right_bunner-3 {
	width:120px;
	float:right;
	overflow:hidden;
	padding:0 0 10px 0px;
}
/* サイドナビゲーション
---------------------------------------------*/
#sidenavi {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 193px;
	background-image:url(../common/side_bg.gif);
	text-align:left;
	border-left:5px solid #FFF;
}
.content {
	padding: 0px 10px 10px 10px;
	color: #FFF;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font: 10px arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	border-top:2px solid #1C37CB;
	border-bottom: 10px solid #FFF;
	line-height: 140%;
}
.content img{ 
	border: 1px solid #333; /* リンク無しの画像のボーダーの指定 */
	background-color:#FFFFFF;
	margin-bottom: 5px;
}
/* ネスケ用ハック
---------------------------------------------*/
body*.content img{
    border: 1px solid #333; /* リンク無しの画像のボーダーの指定 */
	background-color:#FFFFFF;
	margin-bottom: 15px;
	display:block;
}/* ハック終わり */
/* サファリ用ハック
---------------------------------------------*/
html:\66irst-child .content img{
    border: 1px solid #333; /* リンク無しの画像のボーダーの指定 */
	background-color:#FFFFFF;
	margin-bottom: 15px;
	display:block;
}/* ハック終わり */
.content h3{
	font: 12px helvetica, arial, sans-serif;
  	margin: 10px 0px 10px 0px;
	padding: 0px;
	color: #1C37CB; /* テキストの文字色の指定 */
	font-weight: bold; 
	background: transparent;
}
.content ul{
  	list-style: none;
  	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 140%;
	font-family:verdana, arial, sans-serif;
}
.content li{
  	margin: 0 0 0 0;
	padding:  3px 0px 0px 0px;
	border-bottom:1px dotted #333; /* 下線の色の指定 */
}
.content li a{
	display:block;
	text-decoration:none; 
	padding: 3px 0px 3px 0px; 
	color:#333; /* テキストの文字色の指定 */
}
.content a{ 
	text-decoration:none; 
	overflow:hidden;
	padding: 3px 0px 3px 0px; 
	color:#FFF; 
}
.content a img{ 
	border: 1px solid #FFF; /* リンク有りの画像のボーダーの指定 */
	margin-bottom: 15px;
}
.content a:hover { 
	color:#1C37CB; /* ロールオーバーの文字色の指定 */
}
.content a:hover img{ 
	border: 1px solid #1C37CB; /* ロールオーバーの画像のボーダーの指定 */
}
/* サイドナビゲーション　キャプション
---------------------------------------------*/
span.side{
  position:relative; /*this is the key*/
}
span.side span.tooltip { 
  display:none; 
}
span.side:hover span.tooltip { /*the span will display just on :hover state*/
  display:block;
  position:absolute;
  top:1.5em;
  left:3.4em;
  width:11em;
  padding:3px;
  border:1px solid #5EA9FF;
  background-color:#FFF;
  color:#1C37CB;
  font-size:100%;
  text-align:center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  z-index:200;
  filter:alpha(Opacity=80);
  -moz-opacity: 0.8;
  opacity:0.8;
}

/* フッター
---------------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	background-image:url(../common/bottom_border.gif);
    margin: 0px 0 0 0;
	text-align: center;
	color: #FFFFFF;
	font-size: 0.6em;
	font-family:Arial, Helvetica, sans-serif;
	padding: 10px 0 0px 0;
}
#footer a{
	color: #FFFFFF;
}
#footer a:hover{
	color: #5ea9ff;
}