*	{

	margin: 0px;

	padding: 0px;

	font-size: 12px;

	font-weight: normal;

}



br.clear	{

	clear: both;

	visibility: hidden;

	line-height: 0px;	/* IE6 */

}



body	{

	background: #FFF url(../../../img/temp001/grad_top_silver_250.gif) repeat-x top;

	height: 100%;

	min-height: 100%;

	text-align: center;	/* IE6以前のセンタリング */
	
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;

}



body > #container	{ height: auto; }



div#container	{

	width: 1200px;

	margin: 0px auto;

	position: relative;

}





div#contents	{

	width: 1000px;

	margin: 0px auto 20px auto;

	text-align: left;	/* IE6以前のセンタリング-文字を左寄せに戻す */

}


div#contents_r	{

	width: 1200px;

	margin: 0px auto 20px auto;

	text-align: left;	/* IE6以前のセンタリング-文字を左寄せに戻す */

}


div#contents_regist	{

	width: 800px;

	margin: 0px auto 20px auto;

	text-align: left;	/* IE6以前のセンタリング-文字を左寄せに戻す */

}



div#header	{

	height: 80px;

	margin-bottom: 10px;

	position: relative;
	width: 1000px;
}



div#header_in	{

	position: absolute;

	top: 30px;

	right: 0;

}


div#header2	{

	height: 0px;

	margin-bottom: 0px;

	position: relative;
	width: 1000px;
}



div#header_in2	{

	position: absolute;

	top: 0px;

	right: 0;

}



/*	ロゴ

---------------------------------------------------*/



div#home	{

	width: 220px;

	height: 60px;

	position: absolute;

	bottom: 10px;

	left: 0;

}



div#home a	{

	display: block;

	width: 654px;

	height: 60px;

	background: url(../../../img/temp001/logo.gif) no-repeat;

}



div#home a span	{ display: none; }



div#home a:hover	{

	filter: alpha(opacity=70);

	-moz-opacity: 0.7;

	opacity: 0.7;

}


.site_os {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	background-color: #3075ff;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	width: 175px;
	height: 30px;
	margin-bottom: 10px;
}

.site_or {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	background-color: #f168f1;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	width: 175px;
	height: 30px;
	margin-bottom: 10px;
}

.site_be {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	background-color: #631bf9;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	width: 175px;
	height: 30px;
	margin-bottom: 10px;
}

.site_as {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	background-color: #2108d6;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	width: 175px;
	height: 30px;
	margin-bottom: 10px;
}

.site_is {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	background-color: #1f00ff;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	width: 175px;
	height: 30px;
	margin-bottom: 10px;
}

.site_vs {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	background-color: #ffc000;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	width: 175px;
	height: 30px;
	margin-bottom: 10px;
}

.site_ji {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	background-color: #5857ff;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	width: 175px;
	height: 30px;
	margin-bottom: 10px;
}

.site_sa {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	background-color: #6e53e0;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	width: 175px;
	height: 30px;
	margin-bottom: 10px;
}

.site_up {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	background-color: #f37b05;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	width: 175px;
	height: 30px;
	margin-bottom: 10px;
}





/*	

---------------------------------------------------*/



div#header_bottom	{

	position: absolute;

	width: 790px;

	height: 25px;

	line-height: 25px;

	border-bottom: 1px solid #AAA;

	bottom: 25px;

	right: 0;

}



/*

---------------------------------------------------*/



div#side_bar	{

	width: 195px;

	float: left;

}


div#side_bar_r	{

	width: 195px;

	float: right;
	min-height:1px;

}


div#inc_side_body	{

	width: 795px;

	float: right;

}


div#inc_side_body_login	{

	width: 795px;

	margin: 0 auto;

}

div.textbox	{

	border: 1px solid black;

}



/*	フッター

---------------------------------------------------*/



div#footer	{

	height: 50px;

	line-height: 50px;

	color: #666;

}



div#footer_body	{

	text-align: center;

}





/*	ヘッダーメニュー

---------------------------------------------------*/

div#header_in ul	{

	list-style: none;

}



div#header_in ul li	{

	float: left;

	margin-left: 10px;

}



div#header_in ul li a	{

	text-decoration: none;

}



div#header_in ul li a:hover	{

	text-decoration: underline;

}



/*	サイドバー

---------------------------------------------------*/



div.side_menu ul	{

	list-style: none;

	padding-bottom: 10px;

}



div.side_menu li.title6,

div.side_menu li.title5,

div.side_menu li.title4,

div.side_menu li.title3,

div.side_menu li.title2,

div.side_menu li.title1	{

	background: url(../../../img/temp001/menu_base.gif) no-repeat;

	height: 30px;

	line-height: 30px;

	font-weight: bold;

	font-size: 12px;

	color: #FFF;

	padding-left: 10px;

	margin: 0 0 5px;

}



div.side_menu li	{

	line-height: 30px;

	height: 30px;

}



div.side_menu ul li a	{

	background: url(../../../img/temp001/arrow_black.gif) no-repeat 5px 5px;

	display: block;

	height: 24px;

	line-height: 24px;

	padding-left: 25px;

	color: #000;

	text-decoration: none;

}



div.side_menu ul li a:hover	{

	color: #039;

}



.buttonSearch {
	width: 185px;
	height: 60px;
    /* 文字サイズを1.4emに指定 */
    font-size: 1.8em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 15px;
    margin-bottom: 5px;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;

	background-color: #0c1;

    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #000;

    /* グラデーションの指定 */
    background: -moz-linear-gradient(bottom, #5f6, #3b1 50%, #5f6);
    background: -webkit-gradient(linear, left bottom, left top, from(#5f6), color-stop(0.5, #3b1), to(#5f6));

    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.buttonSearch:hover {
    /* 透明度を20%に指定 */
    cursor:pointer;
    opacity: 0.8;
}


/*	ログイン挨拶、パンくずリストのような物

---------------------------------------------------*/

div.topics	{

	background: #333;

	height: 30px;

	line-height: 30px;

	text-align: left;

	color: #EEE;

	margin-bottom: 10px;

	padding: 0 0 0 10px;

}



div.topics span	{

	color: #FFF;

	font-weight: bold;

}



/*	インフォメーション

---------------------------------------------------*/

div.topics_info	{

	background: url(../../../img/temp001/grad_top_white_50.gif) repeat-x top;

	height: 30px;

	line-height: 30px;

	margin: 0 0 10px 0;

	padding: 0 0 0 10px;

	border: 1px solid #DDD;

}



/* インフォメーション(アクセス) */

div.topics_accs	{

	background: url(../../../img/temp001/grad_top_white_50.gif) repeat-x top;

	height: 30px;

	line-height: 30px;

	padding-left: 30px;

}



/* インフォメーション　リスト */



div.topics_list	{

	margin-bottom: 15px;

	border: 1px solid #DDD;

	padding: 10px;

	background: url(../../../img/temp001/glowbg.gif);

}



div.topics_list dl	{

	padding: 20px;

	background: url(../../../img/temp001/grad_top_silver_250.gif) repeat-x top;

	border:1px solid #FFF;

}



div.topics_list dl dt	{

	font-weight: bold;

	letter-spacing: 1px;

	border-bottom: 1px solid #CCC;

	padding: 5px;

}



div.topics_list dl dd	{

	padding: 10px;

}



div.topics_list dl dd ul	{

	list-style: none;

}



div.topics_list dl dd ul li	{

	color: #000;

	line-height: 24px;

	background: url(../../../img/temp001/arrow_blue.gif) no-repeat 0 5px;

	padding-left: 25px;

}



div.topics_list dl dd ul li a	{

	text-decoration: none;

	color: #009;

}



div.topics_list dl dd ul li a:hover	{

	text-decoration: underline;

}



div.topics_list dl dd ul li span	{

	color: #009;

	font-size: 16px;

	padding: 0px 5px;	/* IE5はspanにパッディングが無効？ */

	margin: 0px 5px;	/* IE5はspanにパッディングが無効？ */

}



div.topics_list dl dd ul li span a	{

	font-size: 16px;

}



/*	入力エラー

---------------------------------------------------*/



div.error_list	{

	margin-bottom: 15px;

	border: 1px solid #DDD;

	padding: 10px;

	background: url(../../../img/temp001/glowbg.gif);

}



div.error_list dl	{

	padding: 20px;

	background: url(../../../img/temp001/grad_top_silver_250.gif) repeat-x top;

	border:1px solid #FFF;

}



div.error_list dl dt	{

	height: 30px;

	line-height: 30px;

	font-weight: bold;

	color: red;

	letter-spacing: 1px;

}



div.error_list dl dd	{

}



div.error_list dl dd p	{

	line-height: 1.5;

	margin: 0 0 10px 0;

	color: red;

}



div.error_list dl dd ul	{

	list-style: none;

}



div.error_list dl dd ul li	{

	color: red;

	height: 24px;

	line-height: 24px;

	background: url(../../../img/temp001/arrow_red.gif) no-repeat 0 5px;

	padding-left: 25px;

}



div.error_list dl dd ul li a	{

	text-decoration: none;

	color: #009;

}



div.error_list dl dd ul li a:hover	{

	text-decoration: underline;

}



/*	登録完了、成功

---------------------------------------------------*/



div.comp_list	{

	margin-bottom: 15px;

	border: 1px solid #DDD;

	padding: 10px;

	background: url(../../../img/temp001/glowbg.gif);

}



div.comp_list dl	{

	padding: 20px;

	background: url(../../../img/temp001/grad_top_silver_250.gif) repeat-x top;

	border:1px solid #FFF;

}



div.comp_list dl dt	{

	height: 30px;

	line-height: 30px;

	font-weight: bold;

	letter-spacing: 1px;

	color: #090;

}



div.comp_list dl dd	{

	padding: 10px 0px;

}



div.comp_list dl dd p	{

	line-height: 1.5;

	margin: 0 0 10px 0;

	color: #090;

}



div.comp_list dl dd ul	{

	list-style: none;

}



div.comp_list dl dd ul li	{

	color: #090;

	line-height: 24px;

	background: url(../../../img/temp001/arrow_green.gif) no-repeat 0 5px;

	padding-left: 25px;

}



div.comp_list dl dd ul li a	{

	text-decoration: none;

	color: #009;

	padding: 0 3px;

}



div.comp_list dl dd ul li a:hover	{

	text-decoration: underline;

}



/*	ログイン画面

---------------------------------------------------*/



div.login_list	{

	margin-bottom: 15px;

	border: 1px solid #DDD;

	padding: 10px;

	background: url(../../../img/temp001/glowbg.gif);

}



div.login_list dl	{

	padding: 20px;

	background: url(../../../img/temp001/grad_top_silver_250.gif) repeat-x top;

	border:1px solid #FFF;

}



div.login_list dl dt	{

	color: #333;

	font-weight: bold;

	letter-spacing: 1px;

	padding: 5px;

	border-bottom: 1px solid #DDD;

}



div.login_list dl dd	{

	padding: 10px 10px 20px;

}



div.login_list dl dd p	{

	line-height: 1.5;

	margin: 0 0 10px 0;

}



div.login_list dl dd ul	{

	list-style: none;

}



div.login_list dl dd ul li	{

	line-height: 24px;

	background: url(../../../img/temp001/arrow_blue.gif) no-repeat 0 5px;

	padding-left: 25px;

}



div.login_list dl dd ul li a	{

	text-decoration: none;

	color: #009;

}



div.login_list dl dd ul li a:hover	{

	text-decoration: underline;

}



/* ログインテーブル */



table.login_table	{

	width: 500px;

	margin: 20px auto;

	border: 1px solid #CCC;

	background: #FFF;

}



table.login_table th	{

	width: 100px;

	text-align: right;

}



table.login_table td input	{

	border: 1px solid #CCC;

	padding: 3px;

	font-size: 14px;

	width: 280px;

}



/*	ユーザートップページ用リスト
---------------------------------------------------*/
div.user_top_list	{
	margin-bottom: 3px;
	border: 1px solid #DDD;
	padding: 3px;
	background: url(../../../img/temp001/glowbg.gif);
}
div.user_top_list dl	{
	padding: 3px;
	background: url(../../../img/temp001/grad_top_silver_250.gif) repeat-x top;
	border:1px solid #FFF;
}
div.user_top_list dl dt	{
	height: 14px;
	line-height: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}
div.user_top_list dl dd	{
	padding: 3px 0px;
}
div.user_top_list dl dd p	{
	padding: 3px;
}
div.user_top_list dl dd ul	{
	list-style: none;
}
div.user_top_list dl dd ul li	{
	line-height: 24px;
	background: url(../../../img/temp001/arrow_water.gif) no-repeat 0 5px;
	padding-left: 25px;
}
div.user_top_list dl dd ul li a	{
	text-decoration: none;
	color: #009;
}
div.user_top_list dl dd ul li a:hover	{
	text-decoration: underline;
}

/*	ユーザートップページ用リスト2
---------------------------------------------------*/
div.user_top_list2	{
	margin-bottom: 3px;
	border: 1px solid #DDD;
	padding: 3px;
	background: url(../../../img/temp001/glowbg.gif);
	height:440px;
	overflow-y:scroll;
}
div.user_top_list2 dl	{
	padding: 3px;
	background: url(../../../img/temp001/grad_top_silver_250.gif) repeat-x top;
	border:1px solid #FFF;
}
div.user_top_list2 dl dt	{
	height: 14px;
	line-height: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}
div.user_top_list2 dl dd	{
	padding: 3px 0px;
}
div.user_top_list2 dl dd p	{
	padding: 3px;
}
div.user_top_list2 dl dd ul	{
	list-style: none;
}
div.user_top_list2 dl dd ul li	{
	line-height: 24px;
	background: url(../../../img/temp001/arrow_water.gif) no-repeat 0 5px;
	padding-left: 25px;
}
div.user_top_list2 dl dd ul li a	{
	text-decoration: none;
	color: #009;
}
div.user_top_list2 dl dd ul li a:hover	{
	text-decoration: underline;
}

/*	お友達紹介、オレンジ色のリスト

---------------------------------------------------*/



div.orange_list	{

	margin-bottom: 15px;

	border: 1px solid #DDD;

	padding: 10px;

	background: url(../../../img/temp001/glowbg.gif);

}



div.orange_list dl	{

	padding: 10px;

	background: url(../../../img/temp001/grad_top_silver_250.gif) repeat-x top;

	border:1px solid #FFF;

}



div.orange_list dl dt	{

	height: 30px;

	line-height: 30px;

	font-weight: bold;

	letter-spacing: 1px;

}



div.orange_list dl dd	{

	padding: 10px 0px;

}



div.orange_list dl dd p	{
	padding: 10px;
}

div.orange_list dl dd ul	{

	list-style: none;

}



div.orange_list dl dd ul li	{

	line-height: 24px;

	background: url(../../../img/temp001/arrow_water.gif) no-repeat 0 5px;

	padding-left: 25px;

}



div.orange_list dl dd ul li a	{

	text-decoration: none;

	color: #009;

}



div.orange_list dl dd ul li a:hover	{

	text-decoration: underline;

}



div.orange_list2	{

	margin-bottom: 15px;

	border: 1px solid #DDD;

	padding: 10px;

	background: url(../../../img/temp001/glowbg.gif);

}



div.orange_list2 dl	{

	padding: 10px;

	background: url(../../../img/temp001/grad_top_silver_250.gif) repeat-x top;

	border:1px solid #FFF;

}



div.orange_list2 dl dt	{

	height: 30px;

	line-height: 30px;

	font-weight: bold;

	letter-spacing: 1px;

}



div.orange_list2 dl dd	{

	padding: 10px 0px;

}



div.orange_list2 dl dd p	{

}

p.info{

	padding: 10px;

}


div.orange_list2 dl dd ul	{

	list-style: none;

}



div.orange_list2 dl dd ul li	{

	line-height: 24px;

	background: url(../../../img/temp001/arrow_water.gif) no-repeat 0 5px;

	padding-left: 25px;

}



div.orange_list2 dl dd ul li a	{

	text-decoration: none;

	color: #009;

}



div.orange_list2 dl dd ul li a:hover	{

	text-decoration: underline;

}


/*	バナー等、青色のリスト

---------------------------------------------------*/



div.blue_list	{

	margin-bottom: 15px;

	border: 1px solid #DDD;

	padding: 5px;

	background: url(../../../img/temp001/glowbg.gif);

}



div.blue_list dl	{

}



div.blue_list dl dt	{


	line-height: 30px;

	padding-left: 10px;

	font-weight: bold;

	letter-spacing: 1px;

	border-bottom: 1px solid #DDD;

}



div.blue_list dl dt a	{

	text-decoration: none;

	color: #009;

}



div.blue_list dl dt a:hover	{

	text-decoration: underline;

}



div.blue_list dl dd	{

	padding: 10px;

}



div.blue_list dl dd p	{

	padding-left: 40px;

}



div.blue_list dl dd ul	{

	list-style: none;

}



div.blue_list dl dd ul li	{

	line-height: 24px;

	background: url(../../../img/temp001/arrow_blue.gif) no-repeat 0 5px;

	padding-left: 25px;

}



div.blue_list dl dd ul li a	{

	text-decoration: none;

	color: #009;

}



div.blue_list dl dd ul li a:hover	{

	text-decoration: underline;

}



div.blue_list2	{

	margin-bottom: 15px;

	border: 1px solid #DDD;

	padding: 5px;

	overflow: auto;

	background: url(../../../img/temp001/glowbg.gif);


	box-shadow:0px 0px 3px 3px #c6c6c6;
    -moz-box-shadow:0px 0px 3px 3px #c6c6c6;
    -webkit-box-shadow:0px 0px 3px 3px #c6c6c6;
}



div.blue_list2 dl	{

}



div.blue_list2 dl dt	{


	line-height: 30px;

	padding-left: 10px;

	font-weight: bold;

	letter-spacing: 1px;

	border-bottom: 1px solid #DDD;

}



div.blue_list2 dl dt a	{

	text-decoration: none;

	color: #009;

}



div.blue_list2 dl dt a:hover	{

	text-decoration: underline;

}



div.blue_list2 dl dd	{

	padding: 10px;

}



div.blue_list2 dl dd p	{

}



div.blue_list2 dl dd ul	{

	list-style: none;

}



div.blue_list2 dl dd ul li	{

	line-height: 24px;

	background: url(../../../img/temp001/arrow_blue.gif) no-repeat 0 5px;

	padding-left: 25px;

}



div.blue_list2 dl dd ul li a	{

	text-decoration: none;

	color: #009;

}



div.blue_list2 dl dd ul li a:hover	{

	text-decoration: underline;

}


/*	インフォメーション、アクセスリスト検索

---------------------------------------------------*/

div.topics_accs_list	{

	margin-bottom: 15px;

	border: 1px solid #DDD;

	padding: 10px;

	background: url(../../../img/temp001/glowbg.gif);

}



div.topics_accs_list dl	{

	padding: 20px;

	background: url(../../../img/temp001/grad_top_silver_250.gif) repeat-x top;

	border:1px solid #FFF;

}



div.topics_accs_list dl dt	{

	height: 30px;

	line-height: 30px;

	font-weight: bold;

	letter-spacing: 1px;

}



div.topics_accs_list dl dd	{

}



/*	汎用検索フォーム

---------------------------------------------------*/



div.search	{

	background: #777;

	border: 1px solid #AAA;

	padding: 5px;

	margin-bottom: 10px;

}



table.search_table	{

	width: 100%;	/* IE6以前無理 */

	color: #000;

}



table.search_table th,

table.search_table td,

table.search_table	{

	border-collapse: collapse;

	border: 1px solid #DDD;

}



table.search_table th	{

	width: 23%;

	line-height: 30px;

	padding-left: 10px;

	letter-spacing: 1px;

}



table.search_table td	{

	padding-left: 5px;
	padding-top: 5px;
	line-height: 20px;

}



table.search_table tr:nth-child(even)	{

	background: #F5F5F5;

}


/* サーチ結果テーブル(集計) */



div.search_cnt	{

	background: url(../../../img/temp001/glowbg.gif);

	border: 1px solid #AAA;

	padding: 5px;

	margin-bottom: 10px;

}



table.search_cnt_table	{

	width: 100%;
	background: #FFF;

}



table.search_cnt_table th	{

	height: 24px;

	line-height: 24px;

	text-indent: 1px;

	font-weight: normal;

}



table.search_cnt_table,

table.search_cnt_table th	{

	border-collapse: collapse;

	border: 1px solid #AAA;

}



table.search_cnt_table td	{

	height: 30px;

	line-height: 30px;

	text-align: center;

	border: 1px solid #CCC;

	padding: 0 5px;
	word-break: break-all;

}



table.search_cnt_table td a	{

	color: #009;

	text-decoration: none;

}



table.search_cnt_table td a:hover	{

	text-decoration: underline;

	color: #900;

}



table.search_cnt_table tr:hover td	{

	background: url(../../../img/temp001/glowbg.gif) 0 -200px;

}



/* サーチ結果テーブル(アクセス) */



div.search_accs	{

	background: url(../../../img/temp001/glowbg.gif);

	border: 1px solid #AAA;

	padding: 5px;

	margin-bottom: 10px;

}



table.search_accs_table	{

	width: 100%;

	background: #FFF;

}



table.search_accs_table th	{

	height: 24px;

	line-height: 24px;

	background: url(../../../img/temp001/arrow_black.gif) no-repeat 5px 5px;

	text-indent: 24px;

	font-weight: normal;

}



table.search_accs_table,

table.search_accs_table th	{

	border-collapse: collapse;

	border: 1px solid #AAA;

}



table.search_accs_table td	{

	height: 30px;

	line-height: 30px;

	text-align: center;

	border: 1px solid #CCC;

	padding: 0 5px;
	word-break: break-all;

}



table.search_accs_table td a	{

	color: #009;

	text-decoration: none;
	word-break: break-all;
}



table.search_accs_table td a:hover	{

	text-decoration: underline;

	color: #900;

}



table.search_accs_table tr:hover td	{

	background: url(../../../img/temp001/glowbg.gif) 0 -200px;

}



/* サーチ結果テーブル　2 */



table.search_accs_table2	{

	width: 100%;

	background: #FFF;

}



table.search_accs_table2 th.form_type,

table.search_accs_table2 th	{

	height: 24px;

	line-height: 24px;

	background: url(../../../img/temp001/arrow_black.gif) no-repeat 5px 5px;

	text-indent: 24px;

	font-weight: bold;

}

table.search_accs_table2,

table.search_accs_table2 th	{

	border-collapse: collapse;

	border: 1px solid #AAA;

}



table.search_accs_table2 td	{

	height: 30px;

	line-height: 30px;

	text-align: center;

	border: 1px solid #CCC;
	
	word-break: break-all;

}



table.search_accs_table2 td a	{

	color: #009;

	text-decoration: none;

}



table.search_accs_table2 td a:hover	{

	text-decoration: underline;

	color: #900;

}



table.search_accs_table2 tr:hover	{

	background: url(../../../img/temp001/glowbg.gif) 0 -200px;

}



/* サーチ結果テーブル　3 */



table.search_accs_table3	{

	width: 40%;

	background: #FFF;

}



table.search_accs_table3 th.form_type,

table.search_accs_table3 th	{

	height: 24px;

	line-height: 24px;

	background: url(../../../img/temp001/arrow_black.gif) no-repeat 5px 5px;

	text-indent: 24px;

	font-weight: bold;

}

table.search_accs_table3,

table.search_accs_table3 th	{

	border-collapse: collapse;

	border: 1px solid #AAA;

}



table.search_accs_table3 td	{

	height: 30px;

	line-height: 30px;

	text-align: center;

	border: 1px solid #CCC;

}



table.search_accs_table3 td a	{

	color: #009;

	text-decoration: none;

}



table.search_accs_table3 td a:hover	{

	text-decoration: underline;

	color: #900;

}



table.search_accs_table3 tr:hover	{

	background: url(../../../img/temp001/glowbg.gif) 0 -200px;

}



/*	検索結果のリスト、登録フォームを兼ねる

---------------------------------------------------*/

div.search_list	{

	background: url(../../../img/temp001/glowbg.gif) 0px -250px;

	padding: 10px;

	margin-bottom: 10px;

	color: #666;

	border: 1px solid #DDD;

}



div.search_list dl	{

}



div.search_list dl dt	{

	background: url(../../../img/temp001/arrow_black.gif) no-repeat 0 5px;

	line-height: 24px;

	padding-left: 25px;

	font-size: 12px;

	font-weight: bold;

	color: #000;

}



div.search_list dl dt span	{

	float: right;

	margin-right: 5px;

}



div.search_list dl dt a	{

	text-decoration: none;

	font-size: 14px;

	color: #009;

}



div.search_list dl dt a:hover	{

	text-decoration: underline;

}



div.search_list dl dd	{

	padding-top: 5px;

}



table.search_list_table	{

	width: 100%;

	background: #FFF;

}



table.search_list_table th	{

	width: 25%;

	padding: 10px;

	vertical-align: top;

	text-align: right;

}



table.search_list_table,

table.search_list_table th,

table.search_list_table td	{

	border-collapse: collapse;

	border: 1px solid #DDD;
	word-break: break-all;
}



table.search_list_table td	{

	padding: 10px;
	word-break: break-all;
}



table.search_list_table th span	{

	color: red;

	font-weight: bold;

}



/*	汎用検索フォーム

---------------------------------------------------*/

/* 幅795　角丸枠 */



div.cs,

div.cc	{

	background: url(../../../img/temp001/grad_top_silver_50.gif) repeat-x top;

	margin-bottom: 10px;

	padding: 10px;

	border: 1px solid #DDD;

}



div.cc dl	{

}



div.cc dt	{

	background: url(../../../img/temp001/grad_top_white_50.gif) repeat-x top;

	height: 30px;

	line-height: 30px;

	padding: 0 0 0 10px;

	margin: 0 0 5px 0;

}



div.cc dd	{

}



/*	送信、リセットボタン

---------------------------------------------------*/



div.input_single	{

	width: 150px;

	height: 30px;

	margin: 0px auto 0px auto;

}





div.input_box	{

	width: 310px;

	height: 30px;

	margin: 10px auto 0px auto;

}



div.input_box_f	{

	width: 310px;

	height: 30px;

	margin: 10px auto 10px auto;

}

div.input_box1	{

	width: 150px;

	height: 30px;

	margin: 10px auto 0px auto;

}



div.input_box1_f	{

	width: 150px;

	height: 30px;

	margin: 10px auto 10px auto;

}



input.input_base	{

	border: 0;

	width: 150px;

	height: 30px;

	line-height: 30px;

	margin: 0px !important;

	background: url(../../../img/splite.gif) no-repeat 0px -300px;

	color: #FFF;

}



input.input_base:hover	{

	border: 0;

	width: 150px;

	height: 30px;

	line-height: 30px;

	margin: 0px !important;

	background: url(../../../img/splite.gif) no-repeat 0px -330px;

	color: #FFF;

}



a.input_base	{

	width: 150px;

	height: 30px;

	line-height: 30px;

	margin: 0px auto 10px auto;

	background: url(../../../img/splite.gif) no-repeat 0px -300px;

	color: #FFF;

	display: block;

	text-align: center;

	text-decoration: none;

}



a.input_base_f	{

	width: 150px;

	height: 30px;

	line-height: 30px;

	background: url(../../../img/splite.gif) no-repeat 0px -300px;

	color: #FFF;

	display: block;

	text-align: center;

	text-decoration: none;

	float: left;

	margin-right: 5px;

}



a.input_base_f:hover,

a.input_base:hover	{

	background: url(../../../img/splite.gif) no-repeat 0px -330px;

}



/*	ページャー

---------------------------------------------------*/



div.pager_info	{

}



div.pager_info p	{

	height: 25px;

}



div.pager_info p span	{

	height: 25px;

	line-height: 25px;

	padding: 0px 10px;

	font-weight: bold;

}



div.pager	{

	padding: 10px 0px 20px 0px;

}



p.pagination	{

	height: 25px;

}



p.pagination span	{

	display: block;

	float: left;

	width: 25px;

	height: 25px;

	line-height: 25px;

	text-align: center;

	margin-right: 5px;

	border: 1px solid #AAA;;

}



p.pagination span.previous	{

	display: block;

	float: left;

	width: 120px;

	height: 25px;

	line-height: 25px;

	background: #EEE;

}



p.pagination span.previous a	{

	text-decoration: none;

	display: block;

	width: 120px;

	height: 25px;

	color: #000;

}



p.pagination span.next	{

	display: block;

	float: left;

	width: 120px;

	height: 25px;

	line-height: 25px;

	background: #EEE;

}



p.pagination span.next a	{

	text-decoration: none;

	display: block;

	width: 120px;

	height: 25px;

	color: #000;

}



p.pagination span.active	{

	background: #888;

	color: #FFF;

	font-weight: bold;

}



p.pagination span a	{

	text-decoration: none;

	display: block;

	width: 25px;

	height: 25px;

	color: #000;

}



p.pagination span a:hover	{

	background: #666;

	color: #FFF;

	font-weight: bold;

}



/*

---------------------------------------------------*/

input	{

	margin-right: 3px;

	padding: 1px;

}

option	{

	padding: 0px 3px;

}



textarea.url	{

	width: 600px;

	height: 2em;

	line-height: 2em;

	text-indent: 5px;

	border: 0;

	border: 1px solid #CCC;

	color: #009;

}



textarea.info_url	{

	width: 700px;

	height: 50px;

	border: 0;

	border: 1px solid #CCC;

	color: #009;

	padding: 3px;

}

textarea.info_url2	{

	width: 700px;

	height: 180px;

	border: 0;

	border: 1px solid #CCC;

	color: #009;

	padding: 3px;

}


textarea.textarea	{

	width: 95%;

	height: 50px;

	color: #000;

	padding: 3px;

}



/*	システム追加

---------------------------------------------------*/



.fee	{ background: #FEE !important; }

.ffe	{ background: #FFE !important; }

.efe	{ background: #EFE !important; }

.eff	{ background: #EFF !important; }

.red	{ color: red !important; }

.bold	{ font-weight: bold; font-size: 14px; }

span.num	{ font-size: 14px; color: #000; }

span.num a	{ font-size: 14px; }



.t_right	{ text-align: right !important; }

.t_left		{ text-align: left !important; }

p.right	{ text-align: right; margin-right: 5px; }

.center	{ text-align: center !important; }

.mb5	{ margin-bottom: 5px !important; }

.mb10	{ margin-bottom: 10px !important; }

.i_right input	{ text-align: right; }

.p10	{ padding: 10px; }



span.info	{

	display: block;

	color: #070;

	margin-top: 5px;

	font-size: 12px;
font-weight: bold;

	letter-spacing: 1px;

}



div.in_clip	{

	margin: 10px 10px 5px 0;

	padding: 5px;

	background: #F5F5F5;

	color: #555;

}



/*

---------------------------------------------------*/



div.list_in	{

	margin: 0 -10px;

}



div.list_in div.code_area	{

	padding: 5px;

	margin: 0 0 5px 0;

	background: #333;

}



div.list_in div.code_area textarea	{

	width: 95%;

}



div.list_in p	{

	line-height: 150%;

}



/*	汎用テーブル

---------------------------------------------------*/



div.common_black	{

	background: url(../../../img/temp001/glowbg.gif);

	border: 1px solid #DDD;

	padding: 10px;

	/* css3 */

	box-shadow: 5px 5px 5px #EEE;

	-moz-box-shadow: 5px 5px 5px #EEE;

	-webkit-box-shadow: 5px 5px 5px #EEE;

}



table.common_table_black	{

	width: 100%;	/* IE6以前無理 */

	color: #333;

}



table.common_table_black th,

table.common_table_black td,

table.common_table_black	{

	border-collapse: collapse;

	border: 1px solid #DDD;

}



table.common_table_black th	{

	padding: 5px;

	background: #FFF;

}



table.common_table_black th.common_info	{

	background: #333;

	color: #FFF;
}



table.common_table_black td	{

	padding: 5px;

}


/*	汎用テーブル

---------------------------------------------------*/



div.common_black2	{

	background: url(../../../img/temp001/glowbg.gif);

	border: 1px solid #DDD;

	padding: 10px;

	/* css3 */

	box-shadow: 5px 5px 5px #EEE;

	-moz-box-shadow: 5px 5px 5px #EEE;

	-webkit-box-shadow: 5px 5px 5px #EEE;

}



table.common_table_black2	{

	width: 100%;	/* IE6以前無理 */

	color: #333;

}



table.common_table_black2 th,

table.common_table_black2 td,

table.common_table_black2	{

	border-collapse: collapse;

	border: 1px solid #888;

}



table.common_table_black2 th	{

	padding: 5px;

	background: #FFF;

}



table.common_table_black2 th.common_info	{

	background: #333;

	color: #FFF;
}



table.common_table_black2 td	{

	padding: 5px;

}

/*	成果等のリスト

---------------------------------------------------*/



div.pay_list	{

	background: url(../../../img/glowbg.gif) 0 -150px;

	border: 1px solid #CCC;

	padding: 5px;

	margin-bottom: 15px;

}



table.pay_table	{

	width: 100%;	/* IE6以前無理 */

}



table.pay_table th,

table.pay_table td,

table.pay_table	{

	border-collapse: collapse;

	border: 1px solid #777;

	vertical-align: top;

}



table.pay_table	{

	border: 2px solid #999;

}



table.pay_table th	{

	line-height: 30px;

	padding-left: 12px;

	background: #555;

	color: #FFF;

}



table.pay_table th a	{

	color: #daf;

}





table.pay_table th.regist	{

	text-align: center;

	background: #666;

	color: #FFF;

}



table.pay_table th.common_info	{

	background: #DDD;

	color: #EEE;

}



table.pay_table td	{

	line-height: 22px;

	padding: 5px 5px 3px;

	background: #F5F5F5;

	color: #555;

}



table.pay_table td label 	{

	color: #070;

}



table.pay_table td input 	{

	color: #700;

}



table.pay_table td input.normal 	{

	color: #000;

}



table.pay_table td a	{

	color: #039;

	text-decoration: none;

}



table.pay_table td a:hover	{

	text-decoration: underline;

}

table.pay_table td div.pay_info	{

	background: #FFF;

	border-bottom: 1px solid #CCC;

	color: #000;

	font-size: 10px;

	letter-spacing: 1px;

	margin: 0 0 5px 0;

	text-align: center;

}


table.pay_table2	{

	width: 100%;	/* IE6以前無理 */
	table-layout: fixed;

}



table.pay_table2 th,

table.pay_table2 td,

table.pay_table2	{

	border-collapse: collapse;

	border: 1px solid #777;

	vertical-align: top;

}



table.pay_table2	{

	border: 2px solid #999;

}



table.pay_table2 th	{

	line-height: 30px;

	padding-left: 12px;

	background: #555;

	color: #FFF;

}



table.pay_table2 th a	{

	color: #daf;

}





table.pay_table2 th.regist	{

	text-align: center;

	background: #666;

	color: #FFF;

}



table.pay_table2 th.common_info	{

	background: #DDD;

	color: #EEE;

}



table.pay_table2 td	{

	line-height: 22px;

	padding: 5px 5px 3px;

	background: #F5F5F5;

word-wrap:break-word;

	color: #555;

}



table.pay_table2 td label 	{

	color: #070;

}



table.pay_table2 td input 	{

	color: #700;

}



table.pay_table2 td input.normal 	{

	color: #000;

}



table.pay_table2 td a	{

	color: #039;

	text-decoration: none;

}



table.pay_table2 td a:hover	{

	text-decoration: underline;

}

table.pay_table2 td div.pay_info	{

	background: #FFF;

	border-bottom: 1px solid #CCC;

	color: #000;

	font-size: 10px;

	letter-spacing: 1px;

	margin: 0 0 5px 0;

	text-align: center;

}

table.pay_table2 td.cost 	{
	
	font-size: 19px;
	color: #008aff;
	font-weight: bold;
	border: 3px solid #008aff; 
	text-align: center;
}

table.pay_table2 td.right_cost 	{
	
	text-align: right;
}

table.pay_table2 td.backsilver 	{
	
	font-size: 11px;
	color: #ffffff;
	background: #4e4e4e;
	
	text-align: center;
}


table.pay_table2 td.backblue 	{
	
	font-size: 10px;
	color: #ffffff;
	background: #4e4e4e;
	
	text-align: center;
}

table.pay_table2 td.backgrey 	{
	
	font-size: 10px;
	color: #000000;
	background: #DBDBDB;
	
	text-align: center;
}

table.pay_table2 td.red	a{
	
	color: #ff0000;
	text-decoration: none;
}

table.pay_table2 td.red a:hover	{

	text-decoration: underline;

}



/*	検索画面のカテゴリテーブル

---------------------------------------------------*/
table.search_table td.search_category {

	border-collapse: collapse;
	border: 1px solid #DDD;
	padding: 5px 5px;
	text-align: left;

}

table.search_table th.search_table_name {

	width:150px;

}


table.item_table_list,
table.item_table_list tr,
table.item_table_list th,
table.item_table_list td {

	border: 0;
	text-align: left;
	line-height: 140%;

}

table.item_table_list {
	width: 600px;
	border-bottom: 1px solid #ccc;
}


table.item_table_list td {

	width:210px;
	padding: 5px 10px;

}

table.item_table_list th {

	/*background: #f4fbff;*/
	/*background: #fff;*/
	width:140px;
	border-right: 1px solid #eee;
	padding: 0px 0px;

}

table.item_table_list th img {
	
	vertical-align: text-bottom;
	margin-right: 5px;

}

table.item_table_list th a {
	color: #000;
}




/*	広告リスト

---------------------------------------------------*/



div.as	{

	background: #F5F5F5;

	padding: 10px;

	border: 1px solid #CCC;

	margin-bottom: 15px;

}



div.adwares_list	{

	border: 1px solid #CCC;

	padding: 10px 10px 20px;

	background: #FFF;

	margin-top: 5px;

}



table.adwares_list_table	{

	width: 100%;	/* IE6以前無理 */

	color: #555;

	background: #FFF;

}



table.adwares_list_table th,

table.adwares_list_table td,

table.adwares_list_table	{

	border-collapse: collapse;

	border: 1px solid #DDD;

	padding: 3px 5px;

	vertical-align: top;

}



table.adwares_list_table	{



}



table.adwares_list_table th	{

	text-align: right;

	color: #888;

}



table.adwares_list_table th.list_head	{

	text-align: right;

	color: #000;

	padding: 5px 5px 3px 5px;

	background: #DDD;

}



table.adwares_list_table th.common_info	{



}



table.adwares_list_table td	{

	color: #000;

}



div.ad_image	{

	width: 585px;

	overflow: hidden;

}



/*	カレンダー

---------------------------------------------------*/

div.calendar	{

	padding: 10px;

}



div.calendar a	{

	color: #039;

}



div.calendar a:hover	{

	text-decoration: none;

}



div.calendar_go	{

	background: #eee;

	line-height: 30px;

	text-align: center;

	font-size: 14px;

	margin: 0 0 10px 0;

}



div.calendar_back	{

	background: #eee;

	line-height: 30px;

	text-align: center;

}



table.calendar	{

	width: 100%;

	margin: 0 0 10px 0;

	table-layout: fixed;

}



table.calendar,

table.calendar th,

table.calendar td	{

	border-collapse: collapse;

	border: 1px solid #CCC;

}



table.calendar th	{

	background: url(../../../img/temp001/250grad.gif) repeat-x top;

	color: #555;

	text-align: left;

	padding: 5px;

	border-bottom: 1px solid #FFF;

}



table.calendar td	{

	background: url(../../../img/temp001/250grad3.gif) no-repeat bottom right;

	line-height: 150%;

	text-align: right;

	padding: 15px 5px 5px 5px;

}



table.calendar th.calendar_day	{

	font-size: 10px;

	color: #555;

}



table.calendar td.tier_cnt	{

	padding: 5px;

	line-height: 125%;

	font-size: 12px;

	color: #888;

}



table.calendar td div.tier_cnt	{

	border-bottom: 1px dashed #AAA;

	margin: 0 0 3px 0;

	padding: 0 0 3px 0;

}



table.calendar td.tier_cnt span	{

	color: #000;

	margin: 0 2px 0 0;

}



/* 平日 */

table.calendar th.day	{

	background: #DDD;

	color: #000;

}



/* 土曜 */

table.calendar th.day_sat	{

	color: blue;

	background: #DDD;

}



/* 日曜 */

table.calendar th.day_sun	{

	color: red;

	background: #DDD;

}



/*	super user

---------------------------------------------------*/



div#super_user	{

	position: absolute;	/*container基準*/

	left: 250px;

	top: 40px;

	z-index: 100;

}



div#super_user ul	{

	list-style: none;

}



div#super_user ul li	{

}



div#super_user ul li a	{

	display: block;

	height: 24px;

	width: 120px;

	background: #FFF;

	color: #000;

	line-height: 24px;

	border: 1px solid #000;

}



div#super_user ul li a:hover	{

	background: #DDD;

	text-decoration: none;

}



/*

---------------------------------------------------*/



tr.validate td div.error_list {

	background:none;

	border:0px;

	margin-bottom:0px;

	padding:0px;

}

tr.validate td {

	background:none repeat scroll 0 0 #FFEEEE !important;

}

tr.validate td div.error_list dl dd	{

	border-top:none;

	padding:0px 0;

}

tr.validate td div.error_list dl dd ul li	{

	background:none;

	color: #F00;

	padding: 0 0 0 5px;

	margin: 5px 0 0 0;

	border-left: 5px solid red;

	height: 16px;

	line-height: 16px;

}

tr.validate td div.error_list dl {

background:none;

border:0px;

padding:0px;

}


div.information	{

	margin-bottom: 15px;

	border: 1px solid #DDD;

	padding: 10px;

	background: url(../../../img/temp001/glowbg.gif);

}

/* --- 新着情報エリア --- */
div.update {
width: 770px; /* 新着情報エリアの幅 */
font-size: 100%;
}

/* --- 見出し --- */
div.update h3 {
margin: 0 0 5px; /* 見出しのマージン（上、左右、下） */
font-size: 100%;
}

/* --- 新着リスト --- */
div.update dl {
width: 100%; /* 新着リストの幅 */
height: 250px; /* 新着リストの高さ */
overflow: auto;
margin: 0;
background-color: #f9f9f9; /* 新着リストの背景色 */
border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */
border-bottom: 1px #c0c0c0 dotted; /* 新着リストの下境界線 */
}

/* --- 日付エリア --- */
.update dt {
width: 6.0em; /* 日付エリアの幅 */
float: left;
padding: 7px 3px 3px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
font-size: 15px;
}

/* --- 本文エリア --- */
.update dd {
margin: 0;
padding: 7px 0px 6px 6.6em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリアの下境界線 */
line-height: 120%;
font-size: 15px;
}
.update dd a, .update dd font{
font-size: 15px;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-mob-opacity: 0.8;
	-khtml-opacity: 0.8;
	zoom:1;
}

.shortmemo{
width:600px;
background:#fef;
border:1px solid #f0f;
padding: 3px 3px 3px 3px;
margin: 3px 3px 3px 3px;
}

.longmemo{
width:600px;
background:#dff;
border:1px solid #08f;
padding: 5px 5px 5px 5px;
margin: 3px 3px 3px 3px;
line-height: 1.5em;
}

.shortmemo2{
width:600px;
padding: 3px 3px 3px 3px;
margin: 3px 3px 3px 3px;
}

.longmemo2{
width:600px;
padding: 5px 5px 5px 5px;
margin: 3px 3px 3px 3px;
line-height: 1.5em;
}

.attensionmemo{
width:700px;
background:#ffe;
border:1px solid #f00;
padding: 5px 5px 5px 5px;
margin: 3px 3px 3px 3px;
line-height: 1.5em;
}

.navi{

top:10px;right:0px;
background:#333;
padding:0;
}
.navi a{
color:#fff;
font-family:"Courier New",serif;
padding:0 13px;
border-left:1px solid #fff;
font-size:14px;
}
.navi a:hover{
background:#555;
}

.chart, .chart:visited{
       font-size:13px;
      background:#45bcd2;
      display:inline-block;
      padding:3px 7px 2px 8px;
      color:#ffffff;
      text-decoration:none;
      -moz-border-radius:4px;
      -webkit-border-radius:4px;
      border-radius:4px;
      border:none;
      position:relative;
      cursor:pointer;
      margin:0 3px 5px 0;
         vertical-align: middle;
}
a.chart {
     color:#ffffff;
}
.chart a:link{
     color:#ffffff;
}
.chart:hover{
      background:#555;color:#fff;
}


.buttonTube {
	width: 140px;
	height: 25px;
    /* 文字サイズを1.4emに指定 */
    font-size: 1.0em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 2px 10px;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;

	background-color: #f00;

    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #000;

    /* グラデーションの指定 */
    background: -moz-linear-gradient(bottom, #f00, #f00 50%, #f00);
    background: -webkit-gradient(linear, left bottom, left top, from(#f00), color-stop(0.5, #f00), to(#f00));

    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.buttonTube:hover {
    /* 透明度を20%に指定 */
    cursor:pointer;
    opacity: 0.5;
}

.showPreview hr{
  margin: 10px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}
.showPreview .btnBox{
 text-align: center;
 padding: 10px 0;
}

.showPreview .imgBox{
	width: 698px;
  min-height: 400px;
  padding: 20px 10px;
	margin: 0 auto 10px;
	overflow: hidden;
	*zoom: 1;
  background: #f9f7f7;
  border: 1px solid #cccccc;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.showPreview .imgBox .imgBoxIn{
  user-select: none; /* CSS3 */
  -moz-user-select: none; /* Firefox */
  -webkit-user-select: none; /* Safari、Chromeなど */
  -ms-user-select: none; /* IE10かららしい */
  width: 698px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.showPreview .imgBox img{
  margin: 0 auto ;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

.showPreview .imgBox .imgInfo{
  width: 400px;
  margin: 0 auto;
  text-align: left;
  font-size: 16px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
}

.showPreview .contntWrap{
  width: 500px;
  margin: 0 auto 10px;
  overflow: hidden;
  *zoom: 1;
}

.showPreview .contntWrap .btnGroup{
  text-align: right;
  float: right;
}

.showPreview .scrollber{
  /*width: 350px;*/
  overflow: hidden;
  *zoom: 1;
  float:left;
  height:28px;
  border: 1px solid #ededed;
  line-height:2.3;
  margin-left: -1px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.showPreview .scrollber label{
  float: right;
}

.showPreview .amount{
  border:none;
  font-size: 15px;
  display: inline;
  width: 32px;
}

.showPreview .sliderWrap{
  float:left;
  width:272px;
  padding: 7px 11px;
  margin: 0 10px;
}

/* firefox ハック */
@-moz-document url-prefix() {
  .showPreview .scrollber {
    height: 30px;
  }
  .showPreview .sliderWrap{
    width: 232px;
  }
}

.showPreview .sliderWrap .ui-slider{
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.showPreview .sliderWrap .ui-slider-horizontal .ui-slider-range-min{
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.showPreview .modalIn .textAreaTtl{
  padding: 4px 6px;
  background: #f9f7f7;
  margin-bottom: -1px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px 4px 0 0 ;
  -moz-border-radius: 4px 4px 0 0 ;
  border-radius: 4px 4px 0 0 ;
  width: 516px;
}

.showPreview .modalIn textarea{
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: middle;
  width: 516px;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box;
  font-size: 12px;
  line-height: 1.2;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  padding: 4px 6px;
  background-color: #44494a;
  color: #ddd;

}

.showPreview .selectBox{
	padding: 10px 3px;
  margin: 0 0 10px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
  border: 1px solid #ededed;
  background-color: #fff;
  overflow: hidden;
  *zoom: 1;
}


.showPreview .selectBox .radioLeft{
  width:180px;
  float:left;
}

.showPreview .selectBox .radioRight{
  width:300px;
  float:left;
}

.showPreview .selectBox label{
  margin: 0  0 0 -10px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  cursor: pointer;
  display: inline-block;
  *zoom: 1;
  min-height: 20px;
  padding-left: 20px;
  vertical-align: middle;
}
.showPreview .selectBox input[type="checkbox"]{
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
  cursor: pointer;
  width: auto;
  float: left;
  margin-left: -20px;
}

.modal-backdrop{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: #000000;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0.8;
    filter: alpha(opacity=80);
  display: none;
  z-index: 1000;
    -webkit-transition: opacity 0.28s linear;
    -moz-transition: opacity 0.28s linear;
    -o-transition: opacity 0.28s linear;
    transition: opacity 0.28s linear;
}

.modalWrap{
  width: 582px;
  height: 220px;
  position: fixed;
  left: 50%;
  margin-left: -291px;
  top: 30%;
  bottom: 0;
  display: none;
  z-index: 10000;
      -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
      -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
      -o-transition: opacity 0.3s linear, top 0.3s ease-out;
      transition: opacity 0.3s linear, top 0.3s ease-out;
  outline: none;
}

.modalWrap .modalIn{
  background: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow:0 3px 12px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:0 3px 12px rgba(0, 0, 0, 0.5);
  box-shadow:0 3px 12px rgba(0, 0, 0, 0.5);
  padding: 10px;
  position: relative;
  bottom: 0;
  width: 560px;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
  border: 1px solid #eee;
}

.modalWrap .modalHeader{
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}

.modalWrap .modalHeader .modal-ttl{
  font-size: 14px;
  margin: 0;
  line-height: 1.8;
  text-rendering: optimizelegibility;
  font-weight: bold;
}

.modalWrap .modalBody{
  padding: 9px 15px;
}

.modalWrap .modalFooter{
  padding: 9px 15px;
  text-align: right;
  float: right;
}

.showPreview button.btn{
  font-family: "游ゴシック", "Yu Gothic", YuGothic, sans-serif;
  -webkit-appearance: button;
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  position: relative;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.showPreview button.btn:hover,
.showPreview button.btn:focus,
.showPreview button.btn:active,
.showPreview button.btn.active{
  color: #333333;
  background-color: #dedede;
  *background-color: #d9d9d9;
}

.showPreview button.btn:active,
.showPreview button.btn.active{
  background-color: #cccccc \9;
  color: #959595;
}

.showPreview button.btn:hover,
.showPreview button.btn:focus {
  color: #959595;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.showPreview button.btn:hover{
  color: #333333;
}

.showPreview button.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.showPreview button.btn:active,
.showPreview button.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.showPreview .btnGroup{
  -webkit-box-shadow: #FFF;
          box-shadow: #FFF;
  border-radius: 3px;
  position: relative;
  display: inline-block;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;
  margin: 0 auto  12px;
}
.showPreview .btnGroup button.btn{
  float: left;
  }
.showPreview .btnGroup > button.btn + .btn {
  margin-left: -1px;
}
.showPreview .btnGroup > button.btn:first-child{
  margin-left: 0;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}
.showPreview .btnGroup > button.btn:last-child{
  -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
}

.modalWrap button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  margin-top: 2px;
}

.showPreview button.modalOnbtn{
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  filter: progid:DXImageTransform.M
}
.showPreview button.modalOnbtn:hover,
.showPreview button.modalOnbtn:focus,
.showPreview button.modalOnbtn:active,
.showPreview button.modalOnbtn.active,
.showPreview button.modalOnbtn.disabled,
.showPreview button.modalOnbtn[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}
.showPreview button.modalOnbtn:active,
.showPreview button.modalOnbtn.active {
  background-color: #942a25 \9;
}


.orButton {
	-moz-box-shadow: 3px 4px 0px 0px #fbafe3;
	-webkit-box-shadow: 3px 4px 0px 0px #fbafe3;
	box-shadow: 3px 4px 0px 0px #fbafe3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d));
	background:-moz-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-webkit-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-o-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-ms-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d',GradientType=0);
	background-color:#ff5bb0;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #ee1eb5;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:5px 0px;
	text-decoration:none;
	text-shadow:0px 1px 0px #c70067;
}
.orButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ef027d), color-stop(1, #ff5bb0));
	background:-moz-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-webkit-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-o-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-ms-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:linear-gradient(to bottom, #ef027d 5%, #ff5bb0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0',GradientType=0);
	background-color:#ef027d;
}
.orButton:active {
	position:relative;
	top:1px;
}

.isButton {
	-moz-box-shadow: 3px 4px 0px 0px #a8cef0;
	-webkit-box-shadow: 3px 4px 0px 0px #a8cef0;
	box-shadow: 3px 4px 0px 0px #a8cef0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4d8ef0), color-stop(1, #1f2fde));
	background:-moz-linear-gradient(top, #4d8ef0 5%, #1f2fde 100%);
	background:-webkit-linear-gradient(top, #4d8ef0 5%, #1f2fde 100%);
	background:-o-linear-gradient(top, #4d8ef0 5%, #1f2fde 100%);
	background:-ms-linear-gradient(top, #4d8ef0 5%, #1f2fde 100%);
	background:linear-gradient(to bottom, #4d8ef0 5%, #1f2fde 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d8ef0', endColorstr='#1f2fde',GradientType=0);
	background-color:#4d8ef0;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #2c39cf;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:5px 0px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.isButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1f2fde), color-stop(1, #4d8ef0));
	background:-moz-linear-gradient(top, #1f2fde 5%, #4d8ef0 100%);
	background:-webkit-linear-gradient(top, #1f2fde 5%, #4d8ef0 100%);
	background:-o-linear-gradient(top, #1f2fde 5%, #4d8ef0 100%);
	background:-ms-linear-gradient(top, #1f2fde 5%, #4d8ef0 100%);
	background:linear-gradient(to bottom, #1f2fde 5%, #4d8ef0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f2fde', endColorstr='#4d8ef0',GradientType=0);
	background-color:#1f2fde;
}
.isButton:active {
	position:relative;
	top:1px;
}

.jiButton {
	-moz-box-shadow: 3px 4px 0px 0px #c9c9f5;
	-webkit-box-shadow: 3px 4px 0px 0px #c9c9f5;
	box-shadow: 3px 4px 0px 0px #c9c9f5;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7676fa), color-stop(1, #5858ff));
	background:-moz-linear-gradient(top, #7676fa 5%, #5858ff 100%);
	background:-webkit-linear-gradient(top, #7676fa 5%, #850ce8 100%);
	background:-o-linear-gradient(top, #7676fa 5%, #5858ff 100%);
	background:-ms-linear-gradient(top, #7676fa 5%, #5858ff 100%);
	background:linear-gradient(to bottom, #7676fa 5%, #5858ff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7676fa', endColorstr='#5858ff',GradientType=0);
	background-color:#7676fa;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #5858ff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:5px 0px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.jiButton:hover {
	background:-webkit-gradient(linear, left 5858ff, left bottom, color-stop(0.05, #5858ff), color-stop(1, #7676fa));
	background:-moz-linear-gradient(top, #850ce8 5%, #7676fa 100%);
	background:-webkit-linear-gradient(top, #5858ff 5%, #7676fa 100%);
	background:-o-linear-gradient(top, #5858ff 5%, #7676fa 100%);
	background:-ms-linear-gradient(top, #5858ff 5%, #7676fa 100%);
	background:linear-gradient(to bottom, #5858ff 5%, #7676fa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5858ff', endColorstr='#7676fa',GradientType=0);
	background-color:#5858ff;
}
.jiButton:active {
	position:relative;
	top:1px;
}


.or2Button {
	-moz-box-shadow: 3px 4px 0px 0px #fbafe3;
	-webkit-box-shadow: 3px 4px 0px 0px #fbafe3;
	box-shadow: 3px 4px 0px 0px #fbafe3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d));
	background:-moz-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-webkit-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-o-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-ms-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d',GradientType=0);
	background-color:#ff5bb0;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #c70067;
}
.or2Button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ef027d), color-stop(1, #ff5bb0));
	background:-moz-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-webkit-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-o-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-ms-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:linear-gradient(to bottom, #ef027d 5%, #ff5bb0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0',GradientType=0);
	background-color:#ef027d;
}
.or2Button:active {
	position:relative;
	top:1px;
}

.is2Button {
	-moz-box-shadow: 3px 4px 0px 0px #a8cef0;
	-webkit-box-shadow: 3px 4px 0px 0px #a8cef0;
	box-shadow: 3px 4px 0px 0px #a8cef0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4d8ef0), color-stop(1, #1f2fde));
	background:-moz-linear-gradient(top, #4d8ef0 5%, #1f2fde 100%);
	background:-webkit-linear-gradient(top, #4d8ef0 5%, #1f2fde 100%);
	background:-o-linear-gradient(top, #4d8ef0 5%, #1f2fde 100%);
	background:-ms-linear-gradient(top, #4d8ef0 5%, #1f2fde 100%);
	background:linear-gradient(to bottom, #4d8ef0 5%, #1f2fde 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d8ef0', endColorstr='#1f2fde',GradientType=0);
	background-color:#4d8ef0;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.is2Button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1f2fde), color-stop(1, #4d8ef0));
	background:-moz-linear-gradient(top, #1f2fde 5%, #4d8ef0 100%);
	background:-webkit-linear-gradient(top, #1f2fde 5%, #4d8ef0 100%);
	background:-o-linear-gradient(top, #1f2fde 5%, #4d8ef0 100%);
	background:-ms-linear-gradient(top, #1f2fde 5%, #4d8ef0 100%);
	background:linear-gradient(to bottom, #1f2fde 5%, #4d8ef0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f2fde', endColorstr='#4d8ef0',GradientType=0);
	background-color:#1f2fde;
}
.is2Button:active {
	position:relative;
	top:1px;
}


.ji2Button {
	-moz-box-shadow: 3px 4px 0px 0px c9c9f5;
	-webkit-box-shadow: 3px 4px 0px 0px c9c9f5;
	box-shadow: 3px 4px 0px 0px c9c9f5;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7676fa), color-stop(1, #5858ff));
	background:-moz-linear-gradient(top, #7676fa 5%, #5858ff 100%);
	background:-webkit-linear-gradient(top, #7676fa 5%, #5858ff 100%);
	background:-o-linear-gradient(top, #7676fa 5%, #5858ff 100%);
	background:-ms-linear-gradient(top, #7676fa 5%, #5858ff 100%);
	background:linear-gradient(to bottom, #7676fa 5%, #5858ff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7676fa', endColorstr='#5858ff',GradientType=0);
	background-color:#7676fa;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.ji2Button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5858ff), color-stop(1, #7676fa));
	background:-moz-linear-gradient(top, #5858ff 5%, #7676fa 100%);
	background:-webkit-linear-gradient(top, #5858ff 5%, #7676fa 100%);
	background:-o-linear-gradient(top, #5858ff 5%, #7676fa 100%);
	background:-ms-linear-gradient(top, #5858ff 5%, #7676fa 100%);
	background:linear-gradient(to bottom, #5858ff 5%, #7676fa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5858ff', endColorstr='#7676fa',GradientType=0);
	background-color:#5858ff;
}
.ji2Button:active {
	position:relative;
	top:1px;
}

.or3Button {
	-moz-box-shadow: 2px 3px 0px 0px #fbafe3;
	-webkit-box-shadow: 2px 3px 0px 0px #fbafe3;
	box-shadow: 2px 3px 0px 0px #fbafe3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d));
	background:-moz-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-webkit-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-o-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-ms-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d',GradientType=0);
	background-color:#ff5bb0;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:7px 7px;
	text-decoration:none;
	text-shadow:0px 1px 0px #c70067;
}
.or3Button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ef027d), color-stop(1, #ff5bb0));
	background:-moz-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-webkit-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-o-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-ms-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:linear-gradient(to bottom, #ef027d 5%, #ff5bb0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0',GradientType=0);
	background-color:#ef027d;
}
.or3Button:active {
	position:relative;
	top:1px;
}

.is3Button {
	-moz-box-shadow: 2px 3px 0px 0px #a8cef0;
	-webkit-box-shadow: 2px 3px 0px 0px #a8cef0;
	box-shadow: 2px 3px 0px 0px #a8cef0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4d8ef0), color-stop(1, #1f2fde));
	background:-moz-linear-gradient(top, #4d8ef0 5%, #1f2fde 100%);
	background:-webkit-linear-gradient(top, #4d8ef0 5%, #1f2fde 100%);
	background:-o-linear-gradient(top, #4d8ef0 5%, #1f2fde 100%);
	background:-ms-linear-gradient(top, #4d8ef0 5%, #1f2fde 100%);
	background:linear-gradient(to bottom, #4d8ef0 5%, #1f2fde 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d8ef0', endColorstr='#1f2fde',GradientType=0);
	background-color:#4d8ef0;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:7px 7px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.is3Button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1f2fde), color-stop(1, #4d8ef0));
	background:-moz-linear-gradient(top, #1f2fde 5%, #4d8ef0 100%);
	background:-webkit-linear-gradient(top, #1f2fde 5%, #4d8ef0 100%);
	background:-o-linear-gradient(top, #1f2fde 5%, #4d8ef0 100%);
	background:-ms-linear-gradient(top, #1f2fde 5%, #4d8ef0 100%);
	background:linear-gradient(to bottom, #1f2fde 5%, #4d8ef0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f2fde', endColorstr='#4d8ef0',GradientType=0);
	background-color:#1f2fde;
}
.is3Button:active {
	position:relative;
	top:1px;
}

.ji3Button {
	-moz-box-shadow: 2px 3px 0px 0px #efdcfb;
	-webkit-box-shadow: 2px 3px 0px 0px #efdcfb;
	box-shadow: 2px 3px 0px 0px #efdcfb;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5857ff), color-stop(1, #850ce8));
	background:-moz-linear-gradient(top, #5857ff 5%, #850ce8 100%);
	background:-webkit-linear-gradient(top, #5857ff 5%, #850ce8 100%);
	background:-o-linear-gradient(top, #5857ff 5%, #850ce8 100%);
	background:-ms-linear-gradient(top, #5857ff 5%, #850ce8 100%);
	background:linear-gradient(to bottom, #5857ff 5%, #850ce8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5857ff', endColorstr='#850ce8',GradientType=0);
	background-color:#5857ff;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:7px 7px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9752cc;
}
.ji3Button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #850ce8), color-stop(1, #5857ff));
	background:-moz-linear-gradient(top, #850ce8 5%, #5857ff 100%);
	background:-webkit-linear-gradient(top, #850ce8 5%, #5857ff 100%);
	background:-o-linear-gradient(top, #850ce8 5%, #5857ff 100%);
	background:-ms-linear-gradient(top, #850ce8 5%, #5857ff 100%);
	background:linear-gradient(to bottom, #850ce8 5%, #5857ff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#850ce8', endColorstr='#5857ff',GradientType=0);
	background-color:#850ce8;
}
.ji3Button:active {
	position:relative;
	top:1px;
}

.saButton {
	-moz-box-shadow: 3px 4px 0px 0px #c9bdff;
	-webkit-box-shadow: 3px 4px 0px 0px #c9bdff;
	box-shadow: 3px 4px 0px 0px #c9bdff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7d67e0), color-stop(1, #3f21c6));
	background:-moz-linear-gradient(top, #7d67e0 5%, #3f21c6 100%);
	background:-webkit-linear-gradient(top, #7d67e0 5%, #3f21c6 100%);
	background:-o-linear-gradient(top, #7d67e0 5%, #3f21c6 100%);
	background:-ms-linear-gradient(top, #7d67e0 5%, #3f21c6 100%);
	background:linear-gradient(to bottom, #7d67e0 5%, #3f21c6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d67e0', endColorstr='#3f21c6',GradientType=0);
	background-color:#7d67e0;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #3f21c6;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3f21c6;
}
.saButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3f21c6), color-stop(1, #7d67e0));
	background:-moz-linear-gradient(top, #3f21c6 5%, #7d67e0 100%);
	background:-webkit-linear-gradient(top, #3f21c6 5%, #7d67e0 100%);
	background:-o-linear-gradient(top, #3f21c6 5%, #7d67e0 100%);
	background:-ms-linear-gradient(top, #3f21c6 5%, #7d67e0 100%);
	background:linear-gradient(to bottom, #3f21c6 5%, #7d67e0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f21c6', endColorstr='#7d67e0',GradientType=0);
	background-color:#3f21c6;
}
.saButton:active {
	position:relative;
	top:1px;
}

.sa2Button {
	-moz-box-shadow: 3px 4px 0px 0px #c9bdff;
	-webkit-box-shadow: 3px 4px 0px 0px #c9bdff;
	box-shadow: 3px 4px 0px 0px #c9bdff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7d67e0), color-stop(1, #3f21c6));
	background:-moz-linear-gradient(top, #7d67e0 5%, #3f21c6 100%);
	background:-webkit-linear-gradient(top, #7d67e0 5%, #3f21c6 100%);
	background:-o-linear-gradient(top, #7d67e0 5%, #3f21c6 100%);
	background:-ms-linear-gradient(top, #7d67e0 5%, #3f21c6 100%);
	background:linear-gradient(to bottom, #7d67e0 5%, #3f21c6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d67e0', endColorstr='#3f21c6',GradientType=0);
	background-color:#7d67e0;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3f21c6;
}
.sa2Button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3f21c6), color-stop(1, #7d67e0));
	background:-moz-linear-gradient(top, #3f21c6 5%, #7d67e0 100%);
	background:-webkit-linear-gradient(top, #3f21c6 5%, #7d67e0 100%);
	background:-o-linear-gradient(top, #3f21c6 5%, #7d67e0 100%);
	background:-ms-linear-gradient(top, #3f21c6 5%, #7d67e0 100%);
	background:linear-gradient(to bottom, #3f21c6 5%, #7d67e0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f21c6', endColorstr='#7d67e0',GradientType=0);
	background-color:#3f21c6;
}
.sa2Button:active {
	position:relative;
	top:1px;
}

.informationTitle{
	border:#0c0092 solid 1px;
	background:#0c0092;
	color:#ffffff;
	padding:5px 5px 5px 5px;
	width:760px;
}
.informationBody{
	border:#0c0092 solid 1px;
	width:760px;
	height:300px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	overflow-y: scroll;
}
.informationHR{
	text-align:left;
	margin:0px;
	border:none;
	border-top:dashed 1px #0c0092;
	height:1px;
	color:#FFFFFF;
	width:100%;
}
.informationDate{
	float:left;
	overflow:auto;
	width:80px;
}
.informationIcon{
	float:left;
	overflow:auto;
	width:110px;
}
.informationComment{
	float:left;
	overflow:auto;
	word-wrap:break-word;
	width:530px;
	line-height:130%;
}

.box_srcollbar {
    overflow:auto;
    width:760px;
    height:150px;
    padding:5px;
    border:1px solid #000;
    background-color:#F9F9F9;
    color:#000;
    font-size:12px;
}
.box_title{
    border:1px solid #000;
    padding:5px;
    width:760px;
    font-weight:bold;
    font-size:14px;
    background-color:#000;
    color:#fff;
}

.mail_srcollbar {
    overflow:auto;
    width:760px;
    /*height:800px;*/
    padding:5px;
    border:1px solid #000;
    background-color:#F9F9F9;
    color:#000;
    font-size:12px;
}
.mail_title{
    border:3px solid #000;
    padding:5px;
    width:760px;
    font-weight:bold;
    font-size:17px;
    background-color:#FFF;
    color:#000;
}

.mail_font{
    margin:5px;
    font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.mailDate{
	float:left;
	overflow:auto;
	width:115px;
	text-align:right;
}

.mailTitle{
	float:left;
}

.sctitle a{
	display:block;
	width:580px;
	height:18px;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	text-align:left;
	vertical-align:middle;
}
.sctitle a:hover{
	color:orange;
}


/* Blur */
.hover07 figure img {
	-webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover07 figure:hover img {
	-webkit-filter: blur(0);
	filter: blur(0);
}

.qabutton{
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 6px 20px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #bbb;
    overflow: visible;
    font: bold 13px arial, helvetica, sans-serif;
    text-decoration: none;
    white-space: nowrap;
    color: #555;
    background-color: #ddd;
    background-image: linear-gradient(top, rgba(255,255,255,1),
                                rgba(255,255,255,0)),
                                url(data:image/png;base64,iVBORw0KGg[...]QmCC);
    transition: background-color .2s ease-out;
    background-clip: padding-box; /* Fix bleeding */
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
                            0 2px 2px -1px rgba(0, 0, 0, .5),
                            0 1px 0 rgba(255, 255, 255, .3) inset;
    text-shadow: 0 1px 0 rgba(255,255,255, .9);
}
 
.site_os_long {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	background-color: #3075ff;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	height: 30px;
	margin-bottom: 10px;
}

.site_or_long {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	background-color: #f168f1;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	height: 30px;
	margin-bottom: 10px;
}

.site_be_long {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	background-color: #631bf9;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	height: 30px;
	margin-bottom: 10px;
}

.site_as_long {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	background-color: #2108d6;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	height: 30px;
	margin-bottom: 10px;
}

.site_is_long {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	background-color: #1f00ff;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	height: 30px;
	margin-bottom: 10px;
}

.site_vs_long {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	background-color: #ffc000;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	width: 800px;
	height: 30px;
	margin-bottom: 10px;
}

.site_ji_long {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	background-color: #5857ff;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	width: 800px;
	height: 30px;
	margin-bottom: 10px;
}

.site_sa_long {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	background-color: #6e53e0;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	width: 800px;
	height: 30px;
	margin-bottom: 10px;
}

.site_up_long {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	background-color: #f37b05;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	height: 30px;
	margin-bottom: 10px;
}


p#midashi{
 position: relative;
 font-size: 12pt;
 font-weight: bold;
 margin: 0 0 1.5em;
 padding: 0.2em 0.5em 0.4em 2em;
 border-bottom: 3px solid #ff6699;
}
p#midashi:before {
 position: absolute;
 top: -8px;
 left: 7px;
 transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 height: 12px;
 width: 12px;
 background: #ff1493;
 content: "";
}
p#midashi:after {
 position: absolute;
 top: 8px;
 left: 2px;
 transform: rotate(15deg);
 -webkit-transform: rotate(15deg);
 height: 8px;
 width: 8px;
 background: #ff99cf;
 content: "";
}