@charset "UTF-8";

/*------------------初期化------------------*/
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,
p,th,td{
	margin:0;
	padding:0;
	font-size :100%;
	font-weight:normal;
	font-style:normal;
	font-family:Verdana,Osaka,sans-serif;
	}

/* 画像の下にできる隙間をなくす */
img { border:0px; vertical-align: bottom; }


/*------------------強調要素------------------*/
strong {
font-weight:bold;
}
/*赤系*/
strong.red {
color:#FF027C;
}

/*------------------弱要素------------------*/
.gray {
color:#707070;
}

/*------------------リンク要素------------------*/
a:link { color:#0064B9; text-decoration:underline; }
a:visited { color:#0064B9; text-decoration:underline; }
a:hover { color:#888888; text-decoration:none; }
a:active { color:#CCCCCC; text-decoration:none; }


/*------------------clearfix(突抜防止用ハックclass)------------------*/
.clearfix:after {
content:"."; 
display:block; 
height:0px; 
clear:both; 
visibility:hidden;
}
.clearfix {display:inline-block;}
* html .clearfix { height:1%; }
.clearfix {display:block;}

/*----------------リストマーク無し----------------*/
.li-none {
list-style-type:none;
margin-left: -20px;
}

/*------------------ロゴ------------------*/
#logo-wox {
margin-top:14px;
height:28px;
width:102px;
background-image:url("../img/common/logo/wox.png");
float:left;
}
#logo-wox:hover {
filter: alpha(opacity=70);
-moz-opacity: 0.70;
opacity: 0.70;
}
/*IE6対策*/
* html #logo-wox:hover { filter: alpha(opacity=100); }


/*------------------tooltip------------------*/
.tooltip {
background-color:#FFFFCC;
padding:5px;
font-size :10px;
font-weight:normal;
color:#000000;
border-left:1px solid #999999;
border-right:1px solid #686868;
border-top:1px solid #999999;
border-bottom:1px solid #686868;
list-style-type:none;
}
.tooltip ul {
margin-left:15px; 
}

/*------------------ヘルプの？アイコン------------------*/
.tipimg{
vertical-align:middle;
margin-left:2px;
}



/*------------------フォーム部品------------------*/
textarea,input { font-size :100%; padding:0 2px 0 2px; }
select { font-size :100%; }
select option { padding:0 4px 0 2px; }

optgroup { font-style:normal; color:#000000;}

.radio label {
margin-left:2px;
margin-right:2px;
}


/*------------------ボタン------------------*/
.btn {
display:inline-block;
height:40px;
}
.btn .btn-L {
display:inline-block;
width:5px;
height:40px;
background: url("../img/common/btn_L.png") center left no-repeat;
}
.btn .btn-C {
font-family:Verdana,Osaka,sans-serif;
font-size: 110%;
color: #333333;
cursor:pointer;
display:inline-block;
height:40px;
padding: 5px 20px 5px 20px;
border-style: none;
vertical-align:top;
background: url("../img/common/btn_C.gif") center left repeat-x;
}
.btn .btn-R {
display:inline-block;
width:5px;
height:40px;
background: url("../img/common/btn_R.png") center right no-repeat;
}
.btn:hover {
filter: alpha(opacity=70);
-moz-opacity: 0.70;
opacity: 0.70;
}
.btn:active {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
/*IE6対策*/
* html .btn:hover { filter: alpha(opacity=100); }

/*インライン要素の途中で左に配置するタイプ*/
.btn-inline {
margin-left:10px;
}
/*真下に配置するブロック*/
.btn-block {
margin-top:10px;
}

/*------------------ボタンS------------------*/
.btn-s {
display:inline-block;
height:22px;
}
.btn-s .btn-s-L {
display:inline-block;
width:4px;
height:22px;
background: url("../img/common/btn_s_L.png") center left no-repeat;
}
.btn-s .btn-s-C {
font-family:Verdana,Osaka,sans-serif;
color: #333333;
cursor:pointer;
display:inline-block;
height:22px;
padding: 2px 7px 2px 7px;
border-style: none;
vertical-align:top;
background: url("../img/common/btn_s_C.gif") center left repeat-x;
}
.btn-s .btn-s-R {
display:inline-block;
width:5px;
height:22px;
background: url("../img/common/btn_s_R.png") center right no-repeat;
}
.btn-s:hover {
filter: alpha(opacity=70);
-moz-opacity: 0.70;
opacity: 0.70;
}
.btn-s:active {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
/*IE6対策*/
* html .btn-s:hover { filter: alpha(opacity=100); }

/*インライン要素の途中で左に配置するタイプ*/
.btn-s-inline {
vertical-align:middle;
margin-left:1px;
}
/*真下に配置するブロック*/
.btn-s-block {
display:block;
margin-top:8px;
}



/*---チェックボックス---*/
.chkbox { margin-right:4px; }
/* IEハック(ver6以下のIEにのみ適用) */
* html .chkbox { margin-left:-4px; margin-right:4px; }


/*---1桁の数字(線の太さ等)---*/
.input-1size {
width:25px;
ime-mode:inactive;
}
/*---2桁の数字(線の太さ等)---*/
.input-2size {
width:30px;
ime-mode:inactive;
}
/*---3桁の数字(フォントサイズ等)---*/
.input-3size {
width:40px;
ime-mode:inactive;
}
/*---5桁の数字---*/
.input-5en {
width:50px;
ime-mode:inactive;
}
/*---6桁の数字(カラー)---*/
.input-6col {
width:60px;
ime-mode:inactive;
}
/*---9桁の数字(カウンター等)---*/
.input-9en {
width:90px;
ime-mode:inactive;
}
/*---12文字程度の英数字(IDやPASS)---*/
.input-12en {
width:120px;
ime-mode:inactive;
}

/*---16文字程度の英数字(ユーザーIDやユーザーPASS)---*/
.input-16en {
width:160px;
ime-mode:inactive;
}

/*---24文字程度の英数字(認証キー等)---*/
.input-24en {
width:240px;
ime-mode:inactive;
}

/*---6文字程度の日本語文字---*/
.input-6ja {
width:90px;
ime-mode:active;
}
/*---8文字程度の日本語文字---*/
.input-8ja {
width:120px;
ime-mode:active;
}
/*---12文字程度の日本語文字---*/
.input-12ja {
width:180px;
ime-mode:active;
}
/*---20文字程度の日本語文字---*/
.input-20ja {
width:300px;
ime-mode:active;
}
/*---30文字程度の日本語文字---*/
.input-30ja {
width:400px;
ime-mode:active;
}
/*---30文字程度の英数字---*/
.input-30en {
width:400px;
ime-mode:inactive;
}
/*---URL---*/
.input-url {
width:240px;
ime-mode:inactive;
}
/*---mail---*/
.input-mail {
width:200px;
ime-mode:inactive;
}

/*------------------テキストエリア（極小）承認タイトル,本文設定で使用------------------*/
.textarea-ss {
width:230px;
height:40px;
}

/*------------------テキストエリア（小）plugプロフィールで使用------------------*/
.textarea-s {
width:240px;
height:110px;
}

/*------------------テキストエリア（中）投稿フォーム上部コメントで使用------------------*/
.textarea-m {
width:400px;
height:80px;
}


/*------------------テキストエリア（横長小）plug新着記事とかのタグフォームで使用------------------*/
.tag-textarea-s {
width:450px;
height:50px;
}

/*---ファイルアップ---*/
.input-up {
font-size:11px;
height:20px;
width:260px;
}

/*---ファイルアップ(アイコンUPとかの部分で幅少なめ)---*/
.input-up-m {
font-size:11px;
height:20px;
width:200px;
}

/*---カレンダープルダウンの背景---*/
.input-cal {
background:url(../img/common/input_cal.gif) center right no-repeat;
}
/*---インプットナンバーUP,DOWN---*/
.input-num-box {
display: inline-block;
vertical-align:middle;
margin:0 0 5px 1px;
height:18px;
width:9px;
}
.input-num-up {
display: inline-block;
height:10px;
width:9px;
background:url(../img/common/input_num_up.gif) top right no-repeat;
}
.input-num-down {
display: inline-block;
height:9px;
width:9px;
background:url(../img/common/input_num_down.gif) bottom right no-repeat;
}

/*上部エラーメッセージ*/
.global-error {
font-size:120%;
line-height:240%;
color:#CC2A2A;
margin-bottom:5px;
padding-left:34px;
background:url(../img/common/error_form.png) center left no-repeat;
}
/*上部エラーメッセージ(複数のエラー)*/
.global-errors {
padding:0 0 20px 20px;
color:#CC2A2A;
}


/*上部成功メッセージ*/
.msgs-ok {
padding:10px;
color:#566D3E;
border:1px solid #97C39E;
background-color:#DAFFB3;
margin-bottom:10px;
}
.msgs-ok .head {
	font-size:120%;
}
.msgs-ok ul {
	padding:0 20px 0 20px;
}


/*上部成功メッセージ-flash用*/
.msgs-ok-flash {
padding:10px;
color:#566D3E;
border:1px solid #97C39E;
background-color:#DAFFB3;

width:100%;
position:absolute; top:0; left:0;
}
.msgs-ok-flash .head {
	font-size:120%;
}
.msgs-ok-flash ul {
	padding:0 20px 0 20px;
}


/*ページャー*/
.pager {
margin-top: 8px;
font-size: 120%;
}
.pager .back {
padding-right: 16px;
}



/*------------------テーブル系(縦見出し)------------------*/
.table1 {
background-color:#BBBBBB;
}
.table1 th {
padding:2px;
background-color:#DDDDDD;
border-style:solid;
border-width:1px 0 0 1px;
border-color:#FFFFFF;
}
.table1 td {
padding:2px;
background-color:#FFFFFF;
border-style:solid;
border-width:1px 0 0 1px;
border-color:#EEEEEE;
list-style-type:none;
}
.table1 td ul {
margin-left:20px; 
}

/*------------------TableCloth1------------------*/
/* tablecloth styles */

.table1 tr.even td {}
.table1 tr.odd td {}

.table1 th.over, .table1 tr.even th.over, .table1 tr.odd th.over {}
.table1 th.down, .table1 tr.even th.down, .table1 tr.odd th.down {}
.table1 th.selected, .table1 tr.even th.selected, .table1 tr.odd th.selected {}

.table1 td.over, .table1 tr.even td.over, .table1 tr.odd td.over { background-color:#F5F5F5; }
.table1 td.down, .table1 tr.even td.down, .table1 tr.odd td.down { background-color:#F5F5F5; }
.table1 td.selected, .table1 tr.even td.selected, .table1 tr.odd td.selected { background-color:#FFFED8; }

/* use this if you want to apply different styleing to empty table cells*/
.table1 td.empty, .table1 tr.odd td.empty, .table1 tr.even td.empty { background-color:#FFFFFF; }




/*------------------テーブル2(表タイプ　文字小さめ)------------------*/
.table2 {
background-color:#BBBBBB;
}
.table2 th {
padding:2px;
background-color:#F0F0F0;
border-style:solid;
border-width:1px 0 0 1px;
border-color:#FFFFFF;
font-weight:normal;
font-size:90%;
}
.table2 td {
padding:2px;
background-color:#FFFFFF;
border-style:solid;
border-width:1px 0 0 1px;
border-color:#EEEEEE;
font-size:80%;
color:#808080;
}
.table2 .radio {
font-size:100%;
}


/*------------------テーブル3(表タイプ　文字100%)------------------*/
.table3 {
background-color:#BBBBBB;
}
.table3 th {
padding:2px;
background-color:#F0F0F0;
border-style:solid;
border-width:1px 0 0 1px;
border-color:#FFFFFF;
font-weight:normal;
}
.table3 td {
padding:2px;
background-color:#FFFFFF;
border-style:solid;
border-width:1px 0 0 1px;
border-color:#EEEEEE;
list-style-type:none;
color:#808080;
}
.table3 .graph {
width:300px;
}
.table3 .pv {
height:10px;
background-color:#398EC7;
border:1px solid #398EC7;
}
.table3 .uv {
float:left;
height:10px;
background-color:#85CEFF;
}

															

/*------------------テーブル4(新規ユーザー登録で現在使用)------------------*/
.table4 {
background-color:#BBBBBB;
}
.table4 th {
padding:6px;
background-color:#F0F0F0;
border-style:solid;
border-width:1px 0 0 1px;
border-color:#FFFFFF;
font-weight:normal;
}
.table4 td {
padding:6px;
background-color:#FFFFFF;
border-style:solid;
border-width:1px 0 0 1px;
border-color:#EEEEEE;
list-style-type:none;
color:#808080;
}
.table4 td .error {
color:#CC2A2A;
margin-top:5px;
padding-left:20px;
background:url(../img/common/error_form2.png) center left no-repeat;
}
.table4 td ul {
font-size:90%;
margin-left:20px;
margin-top:5px;
margin-bottom:5px;
}
.table4 td li {
line-height:12px;
padding :2px 0 2px 0;
}

/*------------------テーブル5(アクセス解析 生ログ等で使用)------------------*/
.table5 {
background-color:#BBBBBB;
border-style:solid;
border-width:1px;
border-color:#DDDDDD;
}
.table5 caption {
text-align:left;
color:#398EC7;
font-weight:bold;
}
.table5 th {
padding:2px;
background-color:#F0F0F0;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #BBBBBB;
border-right:1px solid #CCCCCC;
font-weight:normal;
}
.table5 td {
width:600px;
padding:2px;
background-color:#FFFFFF;
border-style:dashed;
border-width:1px 0 0 0;
border-color:#DDDDDD;
list-style-type:none;
color:#808080;
}

/*------------------テーブル6(記事管理 > プロフィールで使用)------------------*/
.table6 th {
padding:10px 0 10px 0;
border-bottom:1px dashed #CCCCCC;
}
.table6 td {
padding:10px 0 10px 0;
border-bottom:1px dashed #CCCCCC;
}
.table6 .tdright {
font-size:90%;
padding-left:40px;
}

/*------------------テーブル7(サイト内テンプレート一覧で使用)------------------*/
.table7 th {
padding:0 10px 10px 10px;
border-bottom:1px dashed #CCCCCC;
}
.table7 td {
padding:10px;
border-bottom:1px dashed #CCCCCC;
}
.table7 td.top {
border-bottom:none;
padding-bottom:0;
}
.table7 td.under {
padding-top:3px;
}

/*------------------テーブル8(仕様書で使用)------------------*/
.table8 {
background-color:#BBBBBB;
}
.table8 th {
font-size:90%;
padding:6px;
background-color:#F0F0F0;
border-style:solid;
border-width:1px 0 0 1px;
border-color:#FFFFFF;
font-weight:normal;
}
.table8 td {
font-size:90%;
padding:6px;
background-color:#FFFFFF;
border-style:solid;
border-width:1px 0 0 1px;
border-color:#EEEEEE;
list-style-type:none;
color:#808080;
}
.table8 td ul {
margin-left:20px;
margin-top:5px;
margin-bottom:5px;
}
.table8 td li {
line-height:14px;
}
.table8 td .premium {
color:#CC2A2A;
}