@charset "UTF-8";

/*〓〓 ◇共通スタイル 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

/*---文字色---------------------------------------*/
.fc_r { color: #ff0000; }
.fc_b { color: #000099; }
.fc_g { color: #399900; }
.fc_o { color: #ff6600; }
.fc_gy { color: #a9a9a9; }


/*---文字装飾-------------------------------------*/
.fo_b { font-weight: bold; }
.fo_n { font-weight: normal; }
.fo_i { font-style: italic; }
.fo_u { text-decoration:underline; }
.fo_s { text-decoration:line-through; }
.fo_mk{ background: #FFFFA4; }


/*---位置指定-------------------------------------*/
.al_l { text-align: left; }
.al_c { text-align: center; }
.al_r { text-align: right; }
.va_t { vertical-align: top; }
.va_m { vertical-align: middle; }
.va_b { vertical-align: bottom; }
.fl_l { float: left;}
.fl_r { float: right; }
.of_a { overflow: auto; }
.of_h { overflow: hidden; }
.of_s { overflow: scroll; }

/*---罫線-----------------------------------------*/
.bd_s { clear: all;font-size: 1px;border-bottom: 1px solid #dcdcdc; }
.bd_d { clear: all;font-size: 1px;border-bottom: 1px double #dcdcdc; }
.bd_ds { clear: all;font-size: 1px;border-bottom: 1px dashed #dcdcdc; }
.bd_dt { clear: all;font-size: 1px;border-bottom: 1px dotted #dcdcdc; }

.bdr_0 { border: 0; }
.bdr_g { border: 1px solid #dcdcdc; }


/*---余白-----------------------------------------*/
.mg_0 { margin: 0; }
.mg_b_10 { margin-bottom: 10px; }
.mg_b_20 { margin-bottom: 20px; }
.mg_b_30 { margin-bottom: 30px; }
.mg_r_10 { margin-right: 10px; }
.mg_l_10 { margin-left: 10px; }
.pd_0 { padding: 0; }
.pd_10 { padding: 10px; }
.pd_20 { padding: 20px; }
.pd_30 { padding: 30px; }
.pd_r_10 { padding-right: 10px; }
.pd_l_10 { padding-left: 10px; }


/*---ボックス-------------------------------------*/
.box_r { background:#FFE3E3;border:1px solid #FF7575;padding: 5px; }
.box_b { background:#C8E9FF;border:1px solid #005BF2;padding: 5px; }
.box_g { background:#F1FFC8;border:1px solid #005900;padding: 5px; }
.box_y { background:#FFF9E3;border:1px solid #F2B600;padding: 5px; }
.box_gy { border:1px solid #ccc;background:#f5f5f5;padding: 5px; }

.box_shadow{
	border:1px solid #ccc;
	background:#f5f5f5;
	padding:15px 10px 10px 10px;
	box-shadow: 0 3px 5px -2px #ccc inset;
	border-radius: 3px; 
    -webkit-border-radius:  3px; 
    -moz-border-radius: 3px;
}

.box_err { 
	background:#FFF9E3;
	border:1px solid #F2B600;
	padding: 10px 10px 10px 10px;
	color:#F20000;
	margin-bottom: 20px; 
}
.box_msg { 
	background:#F1FFC8;
	border:1px solid #005900;
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px; 
}

/*---選択ボックス---------------------------------*/

.box_select {
	margin:5px 10px 5px 5px;
	border:1px solid #ccc;
	padding:15px;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	border-radius: 5px; 
    -webkit-border-radius:  5px; 
    -moz-border-radius: 5px;
	box-shadow:1px 1px 3px -1px #333;
}

.box_select:hover {
	margin:3px 8px 3px 3px;
	border:3px solid #1e90ff;
	background:#fff;
	cursor: pointer;
}

.box_selected {
	margin:3px 8px 3px 3px;
	border:3px solid #1e90ff;
	background:#fff;
	box-shadow:1px 1px 5px -1px #333 inset;
}

/*---選択ボックス(リスト)-------------------------*/

div.box_select ul{
	margin-bottom:10px;
}

div.box_select li{
	background:#fff;
	color: #0060FF;
	padding:5px 3px;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}

div.box_select li:first-child{
	border:none;
	font-weight:bold;
	color: #f5f5f5;
	background: #6071e0;
	background: -moz-linear-gradient(top,  #6071e0 0%, #0205ce 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6071e0), color-stop(100%,#0205ce));
	background: -webkit-linear-gradient(top,  #6071e0 0%,#0205ce 100%);
	background: -o-linear-gradient(top,  #6071e0 0%,#0205ce 100%);
	background: -ms-linear-gradient(top,  #6071e0 0%,#0205ce 100%);
	background: linear-gradient(to bottom,  #6071e0 0%,#0205ce 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6071e0', endColorstr='#0205ce',GradientType=0 );
}



/*---ボックス(テンプレート)-------------------------*/

div.box_tmpimp{
	float: left;
	width:250px;
	text-align: center;
	border: 1px solid #dcdcdc;
	padding: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	line-height: 25px
}



/*---角丸-----------------------------------------*/

.radius3{
	border-radius: 3px; 
    -webkit-border-radius:  3px; 
    -moz-border-radius: 3px;
}

.radius5{
	border-radius: 5px; 
    -webkit-border-radius:  5px; 
    -moz-border-radius: 5px;
}

.radius8{
	border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
}

.radius10{
	border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
}

/*---影-------------------------------------------*/

.shadow1{
	box-shadow:0 0 4px 1px #dcdcdc;
}

/*---透過-----------------------------------------*/
a.pnt:hover { 	
	opacity:0.85;  
	filter: alpha(opacity=85);  
	-ms-filter: "alpha( opacity=85 )";  
}


/*---Q&A------------------------------------------*/
.qa_q{
	padding: 14px 8px 8px 38px;
	background: url(../img/q.gif) no-repeat 8px 8px #EEFFE3;
	margin-bottom: 10px;
	font-weight: bold;
}

.qa_a{
	padding: 15px 8px 8px 38px;
	background: url(../img/a.gif) no-repeat 8px 8px;
	margin-bottom: 30px;
}


/*---ポイント---------------------------------------*/
.point_arw01{
	background: url(../img/arw01.gif) no-repeat 0 1px;padding: 0 0 0 15px;
}
.point_arw01:hover{
	background: url(../img/arw01_hover.gif) no-repeat 0 1px;padding: 0 0 0 15px;
}
.point_file{
	background: url(../img/file.gif) no-repeat 0 -1px;padding: 0 0 0 20px;
}
.point_folder{
	background: url(../img/folder.gif) no-repeat 0 -1px;padding: 0 0 0 21px;
}


/*---テーブル定義-----------------------------------*/

table.th_c th{ text-align: center; }
table.th_r th{ text-align: left; }

table.th_fix1 th{ width: 80px; } /* カスタマイズ */
table.th_fix2 th{ width: 120px; } /* サイト設定 */
table.th_fix3 th{ width: 120px; } /* カスタマイズ(個別ページ) */

table.td_font1 td{ font-size: 14px; } /* 矢印アイコン */
table.td_font2 td{ font-size: 16px; } /* 矢印アイコン */
table.td_font3 td{ font-size: 18px; } /* 矢印アイコン */
table.td_font4 td{ font-size: 22px; } /* 矢印アイコン */

table.wth_all { width: 100%; }

table.td_bg_w td{ background:#fff; }
table.th_bg_sd th{ 	
	background: #f5f5f5;
	box-shadow:0 2px 0px 0 #fff inset;
}

/*---フォーム用テーブル---------------------------*/

table.frm th,table.frm td{
	border: 0;
	padding: 5px;
	background:none;
	line-height:210%;
	vertical-align: top;
}

table.frm th{
	font-weight: bold;
	color: #4d4d4d;
}


table.frm div{
	border: 1px solid #e6e6e6;
	padding: 10px;
	box-shadow: 0px 0px 1px 1px #fff inset;
}


/*---レイアウト用テーブル---------------------------*/

table.nb th,table.nb td{ border: 0;padding: 0px;background:none; }
table.nb5 th,table.nb5 td{ border: 0;padding: 5px;background:none; }
table.nb10 th,table.nb10 td{ border: 0;padding: 10px;background:none; }



/*---テンプレート用テーブル---------------------------*/

table.table_tmpimp{}

table.table_tmpimp th{ background: #f5f5f5;box-shadow: 0 2px 2px 0 #fff inset; }
table.table_tmpimp td{ background: #fff; }



/*---テーブル項目用---------------------------*/

th.koumoku{ 
	background: #333;
	color: #f5f5f5;
	border: 1px solid #333;
	border-bottom: 0px solid #333;
	padding: 5px;
}


/*---ページ移動（一覧用）---------------------------*/

table.pm{ width: 100%; }
table.pm td{ border: 0;padding: 3px 0; }
table.pm tr{ line-height: 30px; }

.pmlink{
	border: 1px solid #dcdcdc;
	background: #f5f5f5;
	padding: 2px 10px;
	font-size: 9pt;
	margin-right: 5px;
}

a.pmlink:hover{
	border: 1px solid #dcdcdc;
	background: #E3F4FF;
	color: #0060FF;
}

.pm_back{
	background: url(../img/pm_back.gif) no-repeat 0 3px #f5f5f5;
	padding: 2px 10px 2px 20px;
}

a.pm_back{
	background: url(../img/pm_back_link.gif) no-repeat 0 3px #f5f5f5;
	padding: 2px 10px 2px 20px;
}

a.pm_back:hover{
	background: url(../img/pm_back_link.gif) no-repeat 0 3px #E3F4FF;
	padding: 2px 10px 2px 20px;
}


.pm_next{
	background: url(../img/pm_next.gif) no-repeat right 3px #f5f5f5;
	padding: 2px 20px 2px 10px;
}

a.pm_next{
	background: url(../img/pm_next_link.gif) no-repeat right 3px #f5f5f5;
	padding: 2px 20px 2px 10px;
}

a.pm_next:hover{
	background: url(../img/pm_next_link.gif) no-repeat right 3px #E3F4FF;
	padding: 2px 20px 2px 10px;
}





/*---自動折り返し---------------------------*/

.anl{
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}


/*---ページトップに戻る---------------------------------------*/
#move_top { position:fixed; right:10px; bottom:10px;z-index: 100; }
#move_top img { opacity:0.6; display:block; }
#move_top:hover img { opacity:1; }


/*---モーダル画面---------------------------------------------*/

#lean_overlay{
	position: fixed; z-index:100; top: 0px; left: 0px;
	height:100%; width:100%; background: #000; display: none;
}


/*---アップデート---------------------------------------------*/

.box_update{
	padding: 10px;
	border: 1px solid #dcdcdc;
	background: #fff;
	margin-bottom: 20px;
}

a.box_update {
	display: block;
	padding: 10px;
	background: #E3F4FF;
	border: 1px solid #0060FF;
	margin-bottom: 20px;
}

a.box_update:hover{
	background: #FFF4E3;
	border: 1px solid #F25B00;
}


/*---ボタン風リンク---------------------------------------------*/

a.linkbtn{
	border: 1px solid #0060FF;
	padding: 2px 5px;
	background: #E3F4FF;
}

a.linkbtn:hover{
	border: 1px solid #F25B00;
	background: #ffefd5;
	cursor: pointer;
}




/*---カラーボックス---------------------------------------------*/

input.color{ 
	box-shadow:none;
}

/*---タブ-------------------------------------------------------*/

ul.tab_menu{
	position: relative;
	top:13px;
	display: block;
	margin-left:10px;
}

ul.tab_menu li a{
	display: block;
	float: left;
	padding:3px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	border:1px solid #999;
	border-right:0px;
	color: #4d4d4d;
	text-align:center;
	font-weight: bold;
}

ul.tab_menu li:first-child a{
	border-radius: 5px 0 0 5px; 
    -webkit-border-radius:  5px 0 0 5px; 
    -moz-border-radius: 5px 0 0 5px;
}


ul.tab_menu li:last-child a{
	border:1px solid #999;
	border-radius:  0 5px 5px 0; 
    -webkit-border-radius: 0 5px 5px 0; 
    -moz-border-radius: 0 5px 5px 0;
}


ul.tab_menu li.selected a{
	background: #1c1c1c;
	background: -moz-linear-gradient(top,  #1c1c1c 0%, #5e5e5e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1c1c), color-stop(100%,#5e5e5e));
	background: -webkit-linear-gradient(top,  #1c1c1c 0%,#5e5e5e 100%);
	background: -o-linear-gradient(top,  #1c1c1c 0%,#5e5e5e 100%);
	background: -ms-linear-gradient(top,  #1c1c1c 0%,#5e5e5e 100%);
	background: linear-gradient(to bottom,  #1c1c1c 0%,#5e5e5e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#5e5e5e',GradientType=0 );
	border-color:#333;
	color:#f5f5f5;
	box-shadow:0px 6px 10px 6px #333 inset;
}





ul.tab_menu_fix1 li a{ width:130px; }
ul.tab_menu_fix2 li a{ width:100px; }


div.tab_box{
	clear: both;
	border:1px solid #ccc;
	background:#f5f5f5;
	padding: 30px 15px 15px 15px;
	box-shadow: 0 3px 5px -2px #ccc inset;
	border-radius: 3px; 
    -webkit-border-radius:  3px; 
    -moz-border-radius: 3px;
}



/*---ダイアログ（画像選択）--------------------------------------------*/

div#dialog_image_list{
	border:1px solid #dcdcdc;
	padding:10px;
	margin-bottom:20px;
	height:60%;
	overflow: auto;
	background: #f5f5f5;
}

div#dialog_image_list div{
	display:table;
	text-align:center;
	vertical-align:middle;
	float:left;
	border:1px solid #dcdcdc;
	background: #fff;
	height:150px;
	width:150px;
	margin:10px;
}

div#dialog_image_list div:hover{
	margin:8px;
	border:1px solid #0000cd;
	border:3px solid #1e90ff;
	cursor: pointer;
}


/*---ダイアログ--------------------------------------------------------*/


div.dialog_select{
	float:left;
	border:1px solid #dcdcdc;
	background:#fff;
	padding:0px;
	margin-right:10px;
}

div.dialog_select:hover{
	border:1px solid #0000cd;
	cursor: pointer;
}

div.dialog_select_box{
	border:1px solid #dcdcdc;
	background:#fff;
	padding:20px;
	margin-bottom:10px;
}

div.dialog_select_box:hover{
	border:1px solid #0000cd;
	cursor: pointer;
}



/*---PING用テーブル----------------------------------------------------*/

table.pinglist{
	width:100%;
}

table.pinglist tr:nth-child(even){ background:#ffffe0; }

table.pinglist tr td:nth-child(1){ width:50px; }


/*---ページ構成--------------------------------------------------------*/

.wid_fix1{ width:790px; }
.wid_fix2{ width:478px; } /* 2カラム用コンテンツ */
.wid_fix3{ width:238px; } /* 2カラム用サイドバー */
.wid_fix4{ width:750px; } /* 1カラム用 */
.wid_fix5{ width:298px; } /* 3カラム用コンテンツ */
.wid_fix6{ width:193px; } /* 3カラム用サイドバー */

div.cp_contents{
	background:#fff;
	border:1px solid #dcdcdc;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
}

div.cp_contents i{ font-size:13pt; }


div.cp_parts{
	border:1px solid #dcdcdc;
	background:#f5f5f5;
	padding:10px;
	box-shadow:0 8px 8px -8px #fff inset;
}

div.cp_parts i{
	position:relative;
	top:2px;
}


/*---並び替え--------------------------------------*/

div#page_sort,div#sitesort{
	padding: 10px;
	background: #FFFFE3;
	border: 1px solid #dcdcdc;
	margin-bottom: 20px;
}


/*---ページ編集（拡大用）---------------------------*/

div.expan{
	position:fixed;
	top:45px;
	left:0;
	z-index:99;
}


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

div#page_sitetitle{
	
}