@charset "shift_jis";
@import url(http://fonts.googleapis.com/css?family=Bitter);
@import url(http://fonts.googleapis.com/css?family=Bevan);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

@font-face {
	font-family: "azuki";
	src: url("./font/azuki.eot?") format('eot'),/* IE9以上用 */
	url("./font/azuki.woff") format('woff'), /* モダンブラウザ用 */
	url("./font/azuki.ttf") format('truetype'); /* iOS, Android用 */
}

@font-face {
	font-family: "azukib";
	src: url("./font/azukib.eot?") format('eot'),/* IE9以上用 */
	url("./font/azukib.woff") format('woff'), /* モダンブラウザ用 */
	url("./font/azukib.ttf") format('truetype'); /* iOS, Android用 */
}

/* フォント --------------------------------------------------------------------------------------*/

.azuki1{
	font-family:"azuki";
	font-size: 14px;
	}

.azuki2{
	font-family:"azukib";
	font-size: 14px;
	letter-spacing: 0.1em; text-align:left;
	}

.menu1{
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-size:16px;
	color:#000000;
	line-height:20px;
	vertical-align:middle;
}

.menu2{
	font-family: 'Montserrat', sans-serif;
	font-weight: nomal;
	font-size:18px;
	color:#000000;
}

/* ブラウザスタイルの初期化 ----------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	background-color: transparent;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #202f55;
	}

/* 全体 ------------------------------------------------------------------------------------------*/

body {
	background-color:#fff7ed;
	background-image : url("./img/bg.gif");
	background-attachment: fixed;
	background-position: 100% 100%;
	background-repeat: repeat;
	line-height:20px;
	}

html {
	scrollbar-3dlight-color:#ffffff; /* スクロールバーの色関連 */
	scrollbar-arrow-color:#ff9966;
	scrollbar-darkshadow-color:#ff9966;
	scrollbar-face-color:#FFF7ED;
	scrollbar-highlight-color:#ff9966;
	scrollbar-shadow-color:#ff9966;
	scrollbar-track-color:#FFF7ED;
	overflow-y:scroll; /* スクロールバーの有無でセンタリングがずれるのを防いでいます */
	}

/* ヘッダー --------------------------------------------------------------------------------------*/

#header {
	background: rgba(255, 255, 255, 0.6);
	position: fixed;
	z-index: 999;
	top:4px;
	}

#header a {
	text-decoration: none;
	}

/* サイトタイトル --------------------------------------------------------------------------------*/

h1, h1 a:link, h1 a:visited {
	font-family: 'Montserrat', sans-serif;
	margin: 10px 0 10px 0;
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 0.4em;
	text-decoration: none;
	}

/* 上メニュー ------------------------------------------------------------------------------------*/

ul#m_menu {
	margin: 0px auto;
	}

ul#m_menu li {
	display: inline-block;
	padding: 0 6px;
	}

ul#m_menu li a {
	font-family: 'Montserrat', sans-serif;
	font-weight: nomal;
	font-size: 14px;
	letter-spacing: 0.2em;
	width: 100px;
	}

ul#m_menu li a:hover {
	background: #f7f7f7;
	}

/* 左メニュー -------------------------------------------------------------------------------------*/

ul#navi {
	list-style:none;
	margin:2px 0px;
	padding: 4px 0;
	letter-spacing: 0.2em; text-align:left;
	}

ul#navi li {
	margin:0px 0px 4px 0px;
	}

ul#navi li a{
	background:url(./img/icon/m02.gif) no-repeat 0% 100%;
	padding:0 22px;
	text-decoration:none;
	}

ul#navi li a:hover {
	background:url(./img/icon/m03.gif) no-repeat 0% 100%;
	padding:0 22px;
	left:6px; position:relative;
	text-decoration:none;
	}

/* 吹き出し設定 ------------------------------------------------------------------------------------*/


/* 表示文字の装飾 */
div.tooltip1{
	display: inline-block;                        /* インライン要素化 */
	}

p.center{text-align: center;}
 
/* ツールチップ部分を隠す */
div.tooltip1 span {
	display: none;
	}
 
/* マウスオーバー */
div.tooltip1:hover {
	position: relative;
	color: #000000;
	}
 
/* マウスオーバー時にツールチップを表示 */
div.tooltip1:hover span {
	display: block;                  /* ボックス要素にする */
	position: absolute;            /* relativeからの絶対位置 */
	top: -20px;
	left: 20px;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
	background-color:  rgba(250,166,100,0.9);
	width: 100px;
	padding: 5px;
	border-radius:3px;
	z-index:100;
	}
 
/* フキダシ部分を作成 */
div.tooltip1 span:before{
	content:''; 
	display:block; 
	position:absolute;                         /* relativeからの絶対位置 */
	height:0; 
	width:0; 
	top:16px; 
	left:40px;
	border:13px transparent solid; 
	border-right-width:0; 
	border-left-color: rgba(250,166,100,0.9); 
	transform:rotate(110deg);            /* 傾きをつける */
	-webkit-transform:rotate(110deg);
	-o-transform:rotate(110deg);
	z-index:100;
	}

/* コンテンツ ------------------------------------------------------------------------------------*/

.content {
	background: rgba(255, 255, 255, 0.6);
	border:2px solid;
	border-color:#ffcc66;
	border-radius:20px;
	padding: 28px;
	margin-bottom: 30px;
	}

#Profile {
	margin-top: -80px; /* 固定ナビの高さ分のネガティブマージン */
	padding-top: 80px; /* 打ち消し用のパディング */
	}

#Voice {
	margin-top: -80px; /* 固定ナビの高さ分のネガティブマージン */
	padding-top: 80px; /* 打ち消し用のパディング */
	}

#Works {
	margin-top: -80px; /* 固定ナビの高さ分のネガティブマージン */
	padding-top: 80px; /* 打ち消し用のパディング */
	}

#Circle {
	margin-top: -80px; /* 固定ナビの高さ分のネガティブマージン */
	padding-top: 80px; /* 打ち消し用のパディング */
	}

#Freedl {
	margin-top: -80px; /* 固定ナビの高さ分のネガティブマージン */
	padding-top: 80px; /* 打ち消し用のパディング */
	}

#Link {
	margin-top: -80px; /* 固定ナビの高さ分のネガティブマージン */
	padding-top: 80px; /* 打ち消し用のパディング */
	}

.content.nobg {
	background: none;
	}

ul.text {
	list-style: none;
	}

.text li a {
	margin: 0 10px 0;
	}

dl.long dt {
	background: url(./img/dt_01.gif) no-repeat 0% 50%;
	padding: 0 20px;
	margin: 5px 0;
	font-weight: bold;
	}

dl.long dd {
	padding-left: 10px;
	}

ul.voice {
	margin:0px; padding:6px 0px; text-align:left; vertical-align:middle;
	list-style:none;
	}

ul.voice li {
	margin:0px; padding:6px; text-align:left; vertical-align:middle;
	display:inline-block;
	}


/* 説明付きリスト ----------------------------------------------------------------------------------*/

dl.m {
	padding:4px 24px; /* 余白（上下、左右） */
	margin:10px 0px; /* 余白 */
	}

dl.m dt  {
	font-weight:bold;
	padding-left:28px; /* 余白 */
	background:url(./img/icon_01.gif) no-repeat left top; /* リストマーカー */
	}

dl.m dd  {
	margin:4px 0 10px 0; /* 余白（上、右、下、左） */
	padding:10px 12px; /* 余白（上下、左右） */
	border:1px solid; /* ボーダー */
	}


/* プロフィール画像 ----------------------------------------------------------------------------------*/

.profile{
	background: url(./img/amakawa_milk_2022.png);
	background-position : right top;
	background-repeat : no-repeat;
}

.outline {
	display        : inline-block;
	color          : #202f55;     /* 文字の色 */
	font-size      : 12px;        /* 文字のサイズ */
	letter-spacing : 2px;         /* 文字間 */
	text-shadow    : 
	1px  1px 1px #ffffff,
	-1px  1px 1px #ffffff,
	1px -1px 1px #ffffff,
	-1px -1px 1px #ffffff,
	1px  0px 1px #ffffff,
	0px  1px 1px #ffffff,
	-1px  0px 1px #ffffff,
	0px -1px 1px #ffffff;         /* 文字の影 */
}

/* リンクページ ----------------------------------------------------------------------------------*/

ul.link li {
	display: inline;
	padding-right: 10px;
	}

ul.l {
	margin:0px; padding:5px 0px; text-align:left; vertical-align:middle;
	list-style:none;
	}

ul.l li {
	margin:0px; padding:0px; text-align:left; vertical-align:middle;
	display:inline-block;
	}

/* ページリンク ----------------------------------------------------------------------------------*/

#footer {
	border-top: 4px double;
	text-align: center;
	margin: 30px auto;
	padding: 20px;
	}

#footer li {
	padding: 0 30px;
	display: inline;
	}

.pagetop {
	text-align: right;
	margin: 10px auto 0 auto;
	}

.pagetop a {
	background: transparent;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	letter-spacing: 0.1em;
	background:url(./img/icon/hd03.gif) no-repeat right center;
	padding: 0 20px;
	}

.pagetop a:hover {
	background:url(./img/icon/hd03.gif) no-repeat right center;
	padding: 0 20px;
	left:6px; position: relative;
	}

/* メールフォーム --------------------------------------------------------------------------------*/

textarea {
	width: 80%;
	padding: 4px;
	overflow:auto;
	}

input {
	padding: 3px 5px;
	}

input.name {
	margin-bottom: 10px;
	}

textarea,input {
	border: 1px solid;
	background-color: #f8f8f8;
	}

/* 見出し・文字 ----------------------------------------------------------------------------------*/

h2 {
	border-bottom: 2px dotted;
	font-weight: normal;
	font-size: 18px;
	letter-spacing: 0.2em;
	padding: 0 0 5px;
	margin: 0 0 15px;
	background: url(./img/icon/hb01.gif) no-repeat 100% 0%;
	}

h3 {
	background: url(./img/h3.gif) no-repeat 0% 50%;
	padding: 0 20px;
	margin: 5px 0;
	font-weight: bold;
	}

h4 {
	border-bottom: 2px dotted;
	font-weight: normal;
	font-size: 18px;
	letter-spacing: 0.2em;
	padding: 0 0 5px;
	margin: 0 0 15px;
	background: url(./img/icon/hb04.gif) no-repeat 100% 98%;
	}

h5 {
	border-bottom: 2px dotted;
	font-weight: normal;
	font-size: 18px;
	letter-spacing: 0.2em;
	padding: 0 0 5px;
	margin: 0 0 15px;
	background: url(./img/icon/hb02.gif) no-repeat 100% 98%;
	}

h6 {
	border-bottom: 2px dotted;
	font-weight: normal;
	font-size: 18px;
	letter-spacing: 0.2em;
	padding: 0 0 5px;
	margin: 0 0 15px;
	background: url(./img/icon/hb03.gif) no-repeat 100% 98%;
	}

em 	{ font-style:normal; font-weight: bold; } /* 強調 */
strong 	{ color: #d24a4a; font-weight: bold; background-color:#ffecec;} /* より強い強調 */
ins 	{ text-decoration:none; border-bottom:1px #ffadab solid;} /* 追加 */
del 	{ text-decoration:line-through; } /* 削除 */

b 	{ font-weight:bold; } /* 太字 */
i 	{ font-style:italic; } /* 斜体 */
big 	{ font-size:120%; } /* 大きい文字 */
small 	{ font-size:90%; } /* 小さい文字 */

.textcenter {text-align:center;}/* 文字中央配置 */

.f1 	{ color:#d24a4a; } /* 赤い文字 */
.f2 	{ color:#6363ff; } /* 青い文字 */
.f3 	{ color:#996633; } /* 茶色い文字 */


hr {
	border: none;
	border-bottom: 1px dotted;
	margin: 10px;
	}

/* ボタン --------------------------------------------------------------------------------*/

.button1 {
	width:140px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	margin:8px 10px; /* 余白（上下、左右） */
	padding:4px 0 6px;
	color:#202f55;
	border:2px solid #ffcc66;
	border-radius:10px;
	background-color:#ffcc66;
	box-shadow:2px 2px 4px #ccc;
	}

.square_btn{
	display: inline-block;
	margin:8px 4px; /* 余白（上下、左右） */
	padding: 0.5em 1em;
	text-decoration: none;
	background: #f7f7f7;
	opacity: 0.8; 
	border-left: solid 6px #ff7c5c;/*左線*/
	color: #ff7c5c;/*文字色*/
	font-weight: bold;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	}
.square_btn a:active, a:hover {
	box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
	transform: translateY(2px);
	}


/* 装飾用ボックス --------------------------------------------------------------------------------*/

.box1 {
	margin:0px 5px; /* 余白（上下、左右） */
	margin-bottom:5px; /* 余白 */
	padding:2px; /* 余白 */
	border: 1px dotted;
	border-radius:20px;
	width: 98%;
	}

.box2 {
	margin:5px 5px; /* 余白（上下、左右） */
	margin-bottom:10px; /* 余白 */
	padding:2px; /* 余白 */
	border:2px #f5b2ac solid; border-radius:10px; /* ボーダー */
	width: 98%;
	}

.box3 {
	margin:5px 5px; /* 余白（上下、左右） */
	margin-bottom:5px; /* 余白 */
	padding:2px; /* 余白 */
	border:1px #e95464 dashed; /* ボーダー */
	width: 98%;
	}

/* 開閉リスト（アコーディオン） ------------------------------------------------------------------*/

/*幅とマージン */

.ac-container{
	width: 98%;
	margin: 10px auto;
	text-align: left;
	}

/*ラベル */

.ac-container label{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	padding: 10px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 20px;
	cursor: pointer;
	color: #2b2b2b;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 20px;
	font-size: 16px;
	border-radius:10px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #fac464 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#fac464));
	background: -webkit-linear-gradient(top, #ffffff 1%,#fac464 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#fac464 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#fac464 100%);
	background: linear-gradient(top, #ffffff 1%,#fac464 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fac464',GradientType=0 );
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.4), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.2);
	}

/*ホバー時のラベルの色 */

.ac-container label:hover{
	background: #f9ba4c;
	}

/*クリック時にチェックボックスをオンにする */

.ac-container input:checked + label,
.ac-container input:checked + label:hover {
	background: #f9ba4c;
	color: #2b2b2b;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.8);
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.4), 0px 2px 2px rgba(0,0,0,0.1);
	}

/*下向き矢印アイコン */

.ac-container label:hover:after,
.ac-container input:checked + label:hover:after {
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(./img/ico_arrow7a_d.gif) no-repeat center center;	
	}

/*選択後に表示される上向き矢印アイコン */

.ac-container input:checked + label:hover:after{
	background-image: url(./img/ico_arrow7a_u.gif);
	}

/*ラジオボタンを隠す */

.ac-container input {
	display: none;
	}

/*コンテンツ部分の表示・非表示の設定 */

.ac-container article {
	background: rgba(255, 255, 255, 0.8);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	}

.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.4);
	}

/*コンテンツの部分のスタイル */

.ac-container article p{
	line-height: 20px;
	font-size: 12px;
	}

.ac-container article p.info{
	margin:10px;
	padding:10px;
	}

/*３つのクラスの高さ */

.ac-container input:checked ~ article.ac-small{
	height: 140px;
	border-radius:10px;
	}
.ac-container input:checked ~ article.ac-medium{
	height: 180px;
	border-radius:10px;
	}
.ac-container input:checked ~ article.ac-large{
	height: auto;
	width: 100%;
	border-radius:10px;
	}


/* audio.js（プレイヤー設定） -------------------------------------------------*/

.audiojs audio {
}
/*　プレイヤー（再生バー）　*/
.audiojs {
	width: 180px;
	height: 30px;
	background: none;
	overflow: hidden;
	font-family: monospace;
	font-size: 12px; 
	-webkit-box-shadow: none;
	-moz-box-shadow: none; 
	-o-box-shadow: none;
	box-shadow: none;
	}
/*　再生・停止ボタン　*/
.audiojs .play-pause {
	width: 28px;
	height: 28px;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	border: 1px solid #BDBDBD; 
	border-radius: 15px;
	}
/*　再生・停止ボタンなどの p 要素　*/
.audiojs p {
	display: none;
	width: 28px;
	height: 28px;
	margin: 0px;
	cursor: pointer;
	}
.audiojs .play {
	display: block;
	}
/*　進行状態・ロードの状態を表示する部分（薄いグレー）　*/
.audiojs .scrubber {
	position: relative;
	float: left;
	width: 60px;
	background: #CCC;
	height: 4px;
	margin: 12px 0 0 0px;
	border-top: 0;
	border-left: 0px;
	border-bottom: 0px;
	overflow: hidden;
	}
/*　進行状態を表示するバーの部分(再生ボタンより少し暗い青)　*/
.audiojs .progress {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 4px;
	width: 0px;
	background: #698D9C; 
	z-index: 1; 
/* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc),
color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc)); 
background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 
100%); */
	}
/* ロード状態を表示するバーの部分（薄いグレー） */
.audiojs .loaded {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 4px;
	width: 0px;
	background: #CCC; 
/* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222),
color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222
100%); */
	}
/*　現在の再生時間/総再生時間　フォント　*/
.audiojs .time {
	float: left;
	height: 30px;
	line-height: 30px;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	border-left: none;
	color: #666;
	text-shadow: none;
	display: inline-block;;
	}
/*　現在の再生時間　フォント　*/
.audiojs .time em {
	padding: 0px 2px 0px 0px;
	color: #666;
	font-style: normal;
	display: inline-block;;
	}
/*　時間　/の部分　*/
.audiojs .time strong {
	padding: 0px 0px 0px 2px;
	font-weight: normal;
	display: inline-block;;
	}
.audiojs .error-message {
	float: left;
	display: none;
	margin: 0px 10px;
	height: 28px;
	width: 200px;
	overflow: hidden;
	line-height: 28px;
	white-space: nowrap;
	color: #fff; 
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
	}
.audiojs .error-message a {
	color: #eee;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #999;
	white-space: wrap;
	}
/*　再生ボタン　*/
.audiojs .play {
	background: url(./img/play_btn.png) center center no-repeat;　←playボタン
	margin-left: 1.45px;
	}
/*　読み込み中ボタン　*/
.audiojs .loading {
/*background: url("$1") center center no-repeat;*/
	display: none;
	}
/*　エラーボタン　*/
.audiojs .error {
/*background: url("$1") center center no-repeat;*/
	display: none;
	}
/*　停止ボタン　*/
.audiojs .pause {
	background: url(./img/pause_btn.png) center center no-repeat;　←pauseボタン
	}
.playing .play, .playing .loading, .playing .error {
	display: none;
	}
.playing .pause {
	display: block;
	}
.loading .play, .loading .pause, .loading .error {
	display: none;
	}
.loading .loading {
	display: block;
	}
.error .time, .error .play, .error .pause, .error .scrubber, .error .loading {
	display: none;
	}
.error .error {
	display: block;
	}
.error .play-pause p {
	cursor: auto;
	}
.error .error-message {
	display: block;
	}
/*　再生している曲の情報　*/
.track-details {
	clear: both;
	height: 28px;
	width: 200px;
	padding: 0px 6px;
	background: #FFF;
	color: #3A3A3A;
	font-size: 10px;
	line-height: 28px;
	}
.track-details:before {
	content: '♪ Now Playing: ';
	}


/* テーブル ------------------------------------------------------------------*/

table#table-01 {
	width: 94%;
	margin:0 auto 10px auto; /* 余白（上、右、下、左） */
	border: 0px #FFADAD solid;
	border-collapse: separate;
	border-spacing: 0;
	background-color: #FFFFFF;
	}

table#table-01 th {
	padding:2px 2px 2px 4px;
	border: 1px #FFADAD solid;
	background-color: #FFADAD;
	font-weight: bold;
	text-align: left;
	border-radius: 6px; /* CSS3草案 */ 
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 6px; /* Firefox用 */
	}

table#table-01 td {
	padding:2px 2px 2px 4px;
	background-color: #FFFFFF;
	border:0px #FFADAD solid;
	border-width: 0px 2px 2px 2px;
	text-align: left;
	border-radius: 6px; /* CSS3草案 */ 
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 6px; /* Firefox用 */
	}

table#table-02 {
	width: 94%;
	margin:0 auto 10px auto; /* 余白（上、右、下、左） */
	border: 0px #9696FF solid;
	border-collapse: separate;
	border-spacing: 0;
	background-color: #FFFFFF;
	}

table#table-02 th {
	padding:2px 2px 2px 4px;
	border: 1px #9696FF solid;
	background-color: #9696FF;
	font-weight: bold;
	text-align: left;
	border-radius: 6px; /* CSS3草案 */ 
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 6px; /* Firefox用 */
	}

table#table-02 td {
	padding:2px 2px 2px 4px;
	background-color: #FFFFFF;
	border: 0px #9696FF solid;
	border-width: 0px 2px 2px 2px;
	text-align: left;
	border-radius: 6px; /* CSS3草案 */ 
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 6px; /* Firefox用 */
	}


table#table-03 {
	width: 60%;
	margin:0 auto 10px auto; /* 余白（上、右、下、左） */
	margin-bottom:10px;
	background-color: #FFFFFF;
	}

table#table-03 td {
	padding: 0px;
	text-align: left;
	}

table#table-04 {
	width: 94%;
	margin:0 auto 10px auto; /* 余白（上、右、下、左） */
	border: 0px #FF9966 solid;
	border-collapse: separate;
	border-spacing: 0;
	background-color: #FFFFFF;
	}

table#table-04 th {
	padding:2px 2px 2px 4px;
	border: 1px #FF9966 solid;
	background-color: #FF9966;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
	border-radius: 6px; /* CSS3草案 */ 
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 6px; /* Firefox用 */
	}

table#table-04 td {
	padding:2px 2px 2px 4px;
	background-color: #FFFFFF;
	border: 0px #FF9966 solid;
	border-width: 0px 2px 2px 2px;
	text-align: left;
	border-radius: 6px; /* CSS3草案 */ 
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 6px; /* Firefox用 */
	}

/* 画像 ------------------------------------------------------------------------------------------*/

img {
	border:none;
	vertical-align: text-bottom;
	margin-bottom: 2px;
	max-width : 100%;/* 画像の最大幅を指定する */
	height:auto;/* 画像の縦横比 */
	}

/* ポラロイド風 */
.pola {
	background-color: #ffffff;
	margin: 4px auto;
	padding:4px;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	}

/* 画像横テキストを上下中央に配置する */

div.imgArea p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	}


/* マイク紹介・作品紹介・画像横テキストを上から配置する */

.product {
	width: 100%;
	display: table;
	margin: 10px;
	}

.icon, .info {
	display: table-cell;
	vertical-align: top;
	}

.icon {
	width: 18%;
	}

.info {
	text-align:left;
	margin-left: 2px;
	width: 82%;
	}

/* フリー配布・画像横テキストを上から配置する */

.product2 {
	width: 100%;
	display: table;
	margin: 10px;
	}

.icon2, .info2 {
	display: table-cell;
	vertical-align: top;
	}

.icon2 {
	width: 30%;
	}

.info2 {
	text-align:left;
	margin-left: 2px;
	width: 70%;
	}


/* リンク設定 ------------------------------------------------------------------------------------*/

a:link {
	color:#202f55;
	}
a:visited {
	color:#202f55;
	}

a:hover,a:active {
	background: rgba(190,214,152,0.6);
	text-decoration: none;
	font-weight:bold;
	}

/* 著作権表示 ------------------------------------------------------------------------------------*/

#copy {
	width: 98%;
	margin: 0 0 20px 0;
	text-align: right;
	font-size: 10px;
	}

#copy,#copy a {
	font-size: 10px;
	text-decoration: none;
	}


/* 骨組み ---------------------------------------------------------------------------------------*/

#container {
	margin: 0 auto;
	padding: 0 0 0 1%;
	max-width: 1280px;
	margin-top: -40px; /* 固定ナビの高さ分のネガティブマージン */
	padding-top: 40px; /* 打ち消し用のパディング */
	}

.onerow {
	clear: both;
	padding: 0 10px;
	margin-top: 80px;
	}

.onerow:after {
	visibility: hidden; display: block;font-size: 0;content: " ";clear: both;height: 0;
	}

.col5, .col7, .col12, #header {
	float: left;
	margin: 0 4% 0 0;
	}

.col7.last, .col12, #header {
	margin: 0;
	}

.col5 { width: 24.5%; }
.col7 { width: 60%; }
.col12 { width: 88%; margin: 0; }
#header { width: 88%; margin: 0; margin: 20px 0; background: none;}

/* 小さい画面での表示 ----------------------------------------------------------------------------*/

@media all and (max-width: 768px) {
.onerow {
	padding: 0 10px;
	}

.col5, .col7 {
	float: none;
	width: 98%;
	}

.none {
	display:none;
	}

.s_menu {
	margin: 0 20%;
	}