@charset "UTF-8";

/* メイン スタイルシートの読み込み　+　Mac 版 IE5.x スタイル適応除外
------------------------------------------------------------ */
/*¥*/
@import "/css/common.css";
@import "/css/user/category.css";
@import "/css/mod/contents.css";
@import "/css/mod/column.css";
@import "/css/mod/list.css";
@import "/css/mod/anchor.css";
/**/



/* index
--------------------------------------------------------------- */
ul.linkBtn li.wHalf {
width:258px;
float:left;
}

ul.linkBtn li.clear a {
width:13em;
float:none;
clear:none;
}

/* お知らせ */
div#info {
margin:0 0 1em 0;
}

div#info h2 {
width:auto;
font-size:140%;
padding:3px 8px ;
background:url(/images/common/bg_h1_user.gif) repeat-x left center #f66f00;}

div#info div.titleBox {
display:inline-block;
width:568px;
min-height:18px;
padding:4px 6px 2px 6px ; 
margin:0 0 12px 0;
line-height:120%;
border-top:1px #e0e0e9 solid;
border-left:4px #d0d0d9 solid;
border-right:1px #e0e0e9 solid;
border-bottom:1px #e0e0e9 solid;
background:url(/images/common/column_title_bg.gif) repeat-x bottom;}
div#info div.titleBox:after {/* float clear */
content: ".";
height: 0;
clear: both;
visibility: hidden;
display:block;
}

div#info div.titleBox h3 {
width:460px;
padding:0;
margin:0;
font-size:110%;
float:left;
background:none;}

div#info div.titleBox a {
width:90px;
padding:1px;
display:block;
text-align:right;
float:right;
text-decoration:none;}
div#info div.titleBox a:hover {
text-decoration:underline;}



/* 記事一覧 */
div#info  ul {
width:586px;
padding:0 0 12px 0;
margin:0 0 1.5em 0;
list-style:none;
display:block;
background:url(/images/common/line_dots_1px.gif) repeat-x bottom;}

div#info ul li {
width:586px;
padding:12px 0 0 0;
margin: 8px 0 0 0;
background:url(/images/common/line_dots_1px.gif) repeat-x top;}
div#info ul li:after{/* float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
html *div#info ul li { height:1%; }

div#info ul li span.date {/* 日付 */
width:127px;
padding:1px 0 1px 13px ;
margin:0;
display:block;
float:left;
line-height:1em;
background:url(/images/common/marker_single_arrow_blue.gif) no-repeat left top;}

div#info ul li span.date img {/* アイコン用 */
vertical-align:middle;
margin:0 0 0 3px;}


div#info ul li span.article {/* 記事タイトル */
width:414px;
padding:1px 0 1px 21px;
margin:0;
float:right;
display:block;
line-height:1.2em;
background:url(/images/common/bullet_link_lock.gif) no-repeat left top;
}


div#info ul li span.normal {/* 記事タイトル */
width:414px;
padding:1px 0 1px 21px;
margin:0;
float:right;
display:block;
line-height:1.2em;
}


div#info ul li span.article a {
padding:2px 0 2px 0;
}


/* 一覧を捩じ込む */
#contentWrapper div.column1r div.colHead, 
#contentWrapper div.column2r01 div.colHead {
background:none;
background:url(/images/common/column_title_bg.gif) repeat-x left bottom;
padding:0;
margin:0 0 10px 0;
display:inline-block;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}

#contentWrapper div.column2r01 div.colHead {
width:278px;
}


#contentWrapper div.column1r div.colHead:after, 
#contentWrapper div.column2r01 div.colHead:after {
content: ".";
display: block;
clear: both;
height: 0px;
font-size: 0px;
line-height: 0px;
visibility: hidden;
}


#contentWrapper div.column1r div.colHead h2, 
#contentWrapper div.column2r01 div.colHead h3 {
background:none;
float:left;
margin:0;
}


#contentWrapper div.column1r div.colHead h2 {
width:476px;
padding-right:0;
}


#contentWrapper div.column2r01 div.colHead h3 {
width:182px;
padding-right:0;
}

#contentWrapper div.column2r01 div.colHead h3.btn {
width:236px;
padding-right:0;
}

#contentWrapper div.column1r div.colHead a, 
#contentWrapper div.column2r01 div.colHead a {
float:right;
display:block;
padding-right:7px;
line-height:1.4em;
text-decoration:none;
text-align:right;
width:53px;
}

#contentWrapper div.column2r01 div.colHead h3.btn a {
background:url(/images/common/bullet_link_inside.gif) no-repeat 0 0;
float:none;
padding-left:20px;
text-align:left;
width:100%;
}

#contentWrapper div.column1r div.colHead a:hover, 
#contentWrapper div.column2r01 div.colHead a:hover{
text-decoration:underline;
}
















/* 障害連絡、お問い合わせ・作業依頼
--------------------------------------------------------------*/
#contentWrapper div.formBox {
margin:0 0 2em 0;
padding:0 0 10px 0;
display:inline-block;
}

html *#contactWrap div.formBox {
height:1%;
}

#contentWrapper div.formBox:after {
content: ".";
display: block;
clear: both;
height: 0px;
font-size: 0px;
line-height: 0px;
visibility: hidden;
}


#contentWrapper div.formBox div.lBox {
width:262px;
padding:0 15px;
margin:0;
float:left;
border-right:1px #ddd dotted;
}

#contentWrapper div.formBox div.rBox {
width:278px;
padding:0 0 0 15px;
margin:0;
float:right;

}


#contentWrapper div.formBox div.lBox p {
margin-top:10px;
margin-left:-15px;
}

#contentWrapper div.formBox div.rBox p {
margin-top:10px;
margin-left:0;
}

#contentWrapper div.formBox div.lBox img {
margin-left:-15px;
}








/* Windows 版 IE5.x (5.0〜5.5) 用スタイルシートの読み込み
------------------------------------------------------------ */
@media tty {
	i{content:"¥";/*" "*/}} @import '/css/win-ie5x.css'; /*";}
}/* */

/* Windows 版 IE5.0 用スタイルシートの読み込み
------------------------------------------------------------ */
@media tty {
	i{content:"¥";/*" "*/}}; @import '/css/win-ie50.css'; {;}/*";}
}/* */

/* Windows 版 IE5.5 用スタイルシートの読み込み
------------------------------------------------------------ */
@media tty {
	i{content:"¥";/*" "*/}}@m; @import '/css/win-ie55.css'; /*";}
}/* */