@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      share.css
 Style Info:     汎用class等の設定
----------------------------------------------------------- */

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

.imgR { float: right; margin: 0 10px;}
.imgL { float: left; margin: 0 10px 10px 0;}
.btn { text-align: center;}
.clear { margin-top:0; clear:both; }
.center { text-align:center;}
.left { text-align:left;}
.f-left { float:left; text-align:left;}
.f-right{ float:right; text-align:right;}

/* table幅の設定などに使用 */
.w10 { width:10px; }
.w30 { width:30px;}
.w35 { width:35px;}
.w40 { width:40px;}
.w50 { width:50px;}
.w70 { width:70px;}
.w90 { width:90px;}
.w100 { width:100px;}
.w180 { width:180px;}
.w150 { width:150px;}
.w200 { width:200px;}
.w220 { width:220px;}
.w235 { width:235px;}
.w250 { width:200px;}
.w300 { width:300px;}
.w350 { width:350px;}
.w400 { width:400px;}
.w450 { width:400px;}
.w500 { width:500px;}
.w600 { width:600px;}
.w700 { width:700px;}
.w770 { width:770px;}


/*================= fontの基本設定 =================*/

/* 注意書き */
.txt_attention{ color: #ff0000; font-size:80%;}

/* 注意書き */
.txt_attention2{ color: #00bbee; font-size:80%;}

/* 小さい文字 */
.min-txt { font-size:80%; }
.min-txtb { font-size:80%; font-weight:bold;}

/*　ページのトップへ　*/
div.pagetop { text-align:right;	margin-top:20px; font-weight:bold; clear:both;}


/* ------------ clearFix ------------- */
.clearfix:after { content: "."; display: block; visibility: hidden; height: 0; clear: both; }
.clearfix { display: inline-block; }
/* Hides From IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display:block; }
/* End hide from IE-mac */



/*================= tableの基本設定 =================*/

/* 表の外側のborder装飾用boxの設定 */
.border-box{
	border:1px solid #DDDDDD;
	padding:2px 1px 1px 2px;
	margin-bottom:10px;
}

/* 中にtableが入らない場合の装飾用boxの設定　*/
.border-box2 {
	border:1px solid #DDDDDD;
	padding:10px;
	margin-bottom:10px;
}

/*===========　とりあえずOFFにしておく既存の設定類　=================*/

/* 表の装飾用設定:thが右寄せ */
/*
table.inner { width:100%;}

table.inner th,
table.inner td {
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	white-space:nowrap;
	padding:0.2em;
}
table.inner th {
	background:#E4EDF1;
	font-weight:bold;
	text-align:right;
}
table.inner td {
	background:#F2F6F8;
	font-size:0.9em;
	text-align:left;
}
*/

/*==================================================
 　tableの基本設定
==================================================*/

/* 見出し幅の設定 tableの基本設定に組み合わせて使用 */


table.thw100 th{ width:100px;}
table.thw130 th{ width:130px;}
table.thw150 th{ width:150px;}
table.thw200 th{ width:200px;}
table.thw220 th{ width:220px;}
table.thw250 th{ width:250px;}
table.thw270 th{ width:270px;}

table.thw3p th,
table.thw3p td{ width:300px;}　/*横見出し幅で3分割時に推奨*/
table.thw4p th,
table.thw4p td{ width:220px;} /*横見出し幅で4分割時に推奨*/
table.thw5p th,
table.thw5p td{ width:174px;} /*横見出し幅で5分割時に推奨*/
table.thw6p th,
table.thw6p td{ width:144px;} /*横見出し幅で6分割時に推奨*/
table.thw7p th,
table.thw7p td{ width:123px;} /*横見出し幅で7分割時に推奨*/
table.thw8p th,
table.thw8p td{ width:106px;} /*横見出し幅で8分割時に推奨*/


/*=== 基本の表組み === 横組みのときはtable.sr-sの使用を推奨 */
table.sr,table.sr-s {
	border-collapse:collapse;
	width:100%;
	table-layout: fixed;
	word-wrap:break-word;
}
table.sr th, table.sr-s th {
	border-right:1px solid #FFFFFF;
	border-bottom:#FFFFFF 1px solid;
	font-weight:bold;
	padding:0.3em;
}
/* 縦組みtable時のth設定*/
table.sr th{ text-align:right;}

/* 横組みtable時のth設定*/
table.sr-s th { text-align:center;}

table.sr td,table.sr-s td {
	padding:0.3em;
	border-bottom:#FFFFFF 1px solid;
	border-right:#FFFFFF 1px solid;
}

/* 横組みtable時の行内位置 */
table.sr-s td {
	vertical-align:top;
}

/*　背景色　黄色ver */
table.sr td.b,table.sr-s td.b { background:#FFFBF8;}
table.sr td,table.sr-s td { background:#FFF9ED;}
table.sr th,table.sr-s th { background:#FEF2D9;}


/*=== 基本の表組み：その2 ===*/
table.sr-b {
	border-collapse:collapse;
	width:100%;
	word-wrap: break-word 
}
table.sr-b th {
	border-right:1px solid #FFFFFF;
	border-bottom:#FFFFFF 1px solid;
	font-weight:bold;
	padding:0.3em;
	text-align:right;
}

table.sr-b td {
	padding-left:10px;
	border-bottom:#FFFFFF 1px solid;
}

/*　背景色なし ver */
table.sr-b td.b { background:#FEFEFE;}
table.sr-b td { background:#FFFFFF;}
table.sr-b th { background:#FFFFFF;}


/*=== 基本の表組み：その3　入れ子table ===*/
table.sr-b table.sr {
	border-collapse:collapse;
	width:100%;
	word-wrap: break-word 
}
table.sr-b table.sr th {
	border-right:1px solid #FFFFFF;
	border-bottom:#FFFFFF 1px solid;
	font-weight:bold;
	padding:0.3em;
	text-align:right;
}

table.sr-b table.sr td {
	padding-left:10px;
	border-bottom:#FFFFFF 1px solid;
	border-right:#FFFFFF 1px solid;
}

/*　背景色　黄色ver */
table.sr-b table.sr td.b { background:#FFFBF8;}
table.sr-b table.sr td { background:#FFF9ED;}
table.sr-b table.sr th { background:#FEF2D9;}


.pager-top { margin-top:5px; margin-bottom: 5px; }
table.pager { width: 100%; }
table.pager .display { padding-left: 5px; }
table.pager .counter { text-align: right; padding-right: 5px; }

/*　背景色　
table.submit td { background:#F9FAFC;}
table.submit td.b { background:#F2F6F8;}
table.submit th { background:#E4EDF1;}
table.submit td.r-conpe { background:#E4EDF1;} /*　検索結果　コンペティション情報・開催年*/
/* table.submit td.r-img { background:#F2F6F8;} /*　検索結果　image枠*/
/* table.submit td.r-txt { background:#EEEEEE;}	/*　検索結果　作品概要　*/
/* table.submit td.r-icon { background-color:#FFFFFF;} /*　検索結果　アイコン表示エリア　*/




/*==================================================
 　その他contents系
==================================================*/

#contents .lv1 { padding:20px;} 
#contents .lv2 { padding:5px 20px;}

/* 見出し設定 */
#contents .lv1 h2 { 
	font-size:16px;
	border-left:#DDDDDD 1px solid;
	border-right:#DDDDDD 1px solid;
	padding:5px 0px 0px 8px;
	margin-top:10px;
	background:#FFFFFF url(../images/bg_grad02.png) repeat-x scroll center top;
}
#contents .lv1 h3 { 
	font-size:14px;
	border-left:#DDDDDD 1px solid;
	border-right:#DDDDDD 1px solid;
	padding:3px 0px 2px 8px;
	margin-top:10px;
	background:#FFFFFF url(../images/bg_grad02.png) repeat-x scroll center -1px;
}
#contents .lv1 h4 { 
	font-size:12px;
	border-left:#DDDDDD 1px solid;
	border-right:#DDDDDD 1px solid;
	padding:3px 0px 2px 8px;
	margin-top:10px;
	background:#FFFFFF url(../images/bg_grad02.png) repeat-x scroll center -1px;
}

#contents .lv1 h2.non-bg,
#contents .lv1 h3.non-bg,
#contents .lv1 h4.non-bg { clear:both; background:none; border:none; padding:0;}