@charset "UTF-8";

/*------------------ボディー要素------------------*/
body {
min-width:860px;
text-align:left;
line-height:150%;
font-size:12px;
font-family:Verdana,Osaka,sans-serif;
background: #FBFBFB url(../img/common/stripe.gif) repeat;
color:#000000;
}

/*IE6 min-widthとフォントサイズハック*/
* html body {
min-width:860px;
width:expression(document.documentElement.clientWidth < 860? "860px" : "auto");
font-size:75%;
}
/*IE7 フォントサイズハック*/
*+html body { font-size:75%; }


/*-----------------ヘッダーボックス------------------*/
#header-box {
height:70px;
line-height:normal;
padding:12px 15px 0 15px;
}

/*------------------ロゴ内テキスト要素は非表示------------------*/
#logo-box span { display:none; }


/*------------------ログイン,ログアウト等------------------*/
#wellcome {
float:right;
list-style: none;
}
#wellcome ul { list-style: none; }
#wellcome .flag-span { float:left; margin-right: 6px; }

#wellcome .login { float:left; }
#wellcome .login li { float:left; margin-right: 6px; }

#wellcome .flag-ul { margin-left:2px;  }
#wellcome .flag-ul img,
#wellcome .flag-ul li {
margin: 0 2px 4px 0;
vertical-align: middle;
}
#wellcome .flag-ul li a:link { color:#363636; text-decoration:none; }
#wellcome .flag-ul li a:visited { color:#363636; text-decoration:none; }
#wellcome .flag-ul li a:hover { color:#CCCCCC; text-decoration:none; }
#wellcome .flag-ul li a:active { color:#363636; text-decoration:none; }


/*-----------------サイトメニュー------------------*/
#site-menu {
padding-left: 20px;
height:80px;
background: url(../img/common/head_bar.gif) repeat-x;
}
#site-menu li {
float: left;
list-style-type: none;
}
#site-menu li a {
display: block;
cursor:pointer;
width: 58px;
height: 80px;
}
#site-menu li a span {
display:none;
}
#site-menu-none {
height:19px;
background: url(../img/common/head_bar_none.gif) bottom left repeat-x;
}


/*------------------各サイトトップ画像------------------*/
#top-img {
height:80px;
margin-bottom:15px;
}
#top-img span { display:none; }


/*------------------コンテンツ全体を囲むボックス------------------*/
#contents-box {
padding:15px;
background-color:#FBFBFB;
}


/*------------------ページ見出し------------------*/
#pagetitle {
margin-top: 2px;
padding: 28px 6px 0 8px;
font-size: 160%;
height: 50px;
color: #498735;
background: url("../img/common/pagetitle_bg.png") top left repeat-x;
}
#pagetitle .small {
font-size: 65%;
}
#pagetitle.blue {
color: #006B9C;
background: url("../img/common/pagetitle_bg_blue.png") top left repeat-x;
}


/*------------------コンテンツメインを囲むボックス------------------*/
#contents-main-box {
width: 100%;
float: left;
margin-left: -240px;
}
#contents-main-box .wrap {
padding-left: 240px;
padding-right: 10px;
}
/*IE6対策*/
* html #contents-main-box { margin-left: -225px; }


/*------------------記事------------------*/
.article-gray,
.article-gray-head-none {
width: 100%;
margin-bottom: 15px;
}

.article-css-none {
margin-bottom: 20px;
}

/*---リスト---*/
.article-gray ul li,
.article-gray ol li,
.article-gray-head-none ul li,
.article-gray-head-none ol li,
.article-css-none ul li,
.article-css-none ol li,
.preview ul li,
.preview ol li {
margin-left: 20px;
padding: 3px 0 3px 0;
}
/*---リスト子---*/
.article-gray ul li li,
.article-gray ol li li,
.article-gray-head-none ul li li,
.article-gray-head-none ol li li,
.article-css-none ul li li,
.article-css-none ol li li,
.preview ul li li,
.preview ol li li {
margin-left: 30px;
padding: 1px 0 1px 0;
}

/*---小見出し---*/
.article-gray .sub,
.article-gray-head-none .sub,
.preview .sub {
display: inline-block;
width: 96%;
margin-bottom: 6px;
padding:5px;
font-size: 120%;
color: #6C9602;
border-left:10px solid #6C9602;
border-bottom:1px solid #6C9602;
}
/*---小見出し青用---*/
.article-gray .sub.blue,
.article-gray-head-none .sub.blue,
.preview .sub.blue {
color: #607D92;
border-left:10px solid #607D92;
border-bottom:1px solid #607D92;
}
/*---小小見出し---*/
.article-gray .sub2,
.article-gray-head-none .sub2,
.preview .sub2 {
font-size: 120%;
color: #2D75E0;
}

/*---文字BGグレイ---*/
.article-gray .bg-gray,
.article-gray-head-none .bg-gray,
.preview .bg-gray {
padding:1px;
background-color: #D6D6D6;
}


.article-gray .head-L {
font-size: 110%;
color: #494949;
background: #E2E2E2 url(../img/article/gray/head_L.gif) no-repeat top left;
border-bottom:1px solid #EBEBEB;
}
.article-gray .head-R {
display:block;
background: url(../img/article/gray/head_R.gif) no-repeat top right;
padding:8px 10px 8px 10px;
}
.article-gray .head-L.blue {
color: #FFFFFF;
background: #8F9BAD url(../img/article/gray/head_blue_L.gif) no-repeat top left;
}
.article-gray .head-R.blue {
background: url(../img/article/gray/head_blue_R.gif) no-repeat top right;
}
.article-gray .body {
padding:10px 10px 3px 10px;
background: #FFFFFF url(../img/article/gray/body_R.gif) repeat-y top right;
border-left:1px solid #E5E5E5;
}
.article-gray .foot-R,
.article-gray-head-none .foot-R {
display:block;
height: 8px;
background: url(../img/article/gray/foot_R.gif) no-repeat top right;
}
.article-gray .foot-L,
.article-gray-head-none .foot-L {
display:block;
width: 5px;
height: 8px;
background: url(../img/article/gray/foot_L.gif) no-repeat top left;
}
/*---------記事 ヘッダー無し用--------*/
.article-gray-head-none .head-L {
display:block;
height: 5px;
background: #FFFFFF url(../img/article/gray/head_L_none.gif) no-repeat top left;
}
.article-gray-head-none .head-R {
display:block;
height: 5px;
background: url(../img/article/gray/head_R_none.gif) no-repeat top right;
}
.article-gray-head-none .body {
padding:6px 10px 3px 10px;
background: #FFFFFF url(../img/article/gray/body_R.gif) repeat-y top right;
border-left:1px solid #E5E5E5;
}

/*---------記事 スタイルなし用--------*/
.article-css-none .head {
margin-bottom: 6px;
padding:5px;
font-size: 120%;
color: #6C9602;
border-left:10px solid #6C9602;
border-bottom:1px dashed #6C9602;
}


/*------------------コンテンツサイドを囲むボックス------------------*/
#contents-side-box {
width:240px;
float: right;
}


/*------------------新規ユーザー登録ボタン------------------*/
#register-button {
display:block;
height: 62px;
width: 240px;
margin-bottom: 10px;
}
#register-button:hover {
filter: alpha(opacity=70);
-moz-opacity: 0.70;
opacity: 0.70;
}
#register-button span { display:none; }
/*IE6対策*/
* html #register-button { margin-bottom: 0; padding-bottom: 10px;}
* html #register-button:hover { filter: alpha(opacity=100); }

/*------------------画像------------------*/
.pict {
margin-right: 6px;
border: 1px solid #DDDDDD;
}
.pict.L {
margin-left: 0;
margin-right: 6px;
}
.pict.R {
margin-right:0;
margin-left: 6px;
}
.pict.noborder {
border: none;
}


/*------------------サイドメニュー(グレイ)------------------*/
.article-gray-side {
width: 240px;
margin-bottom: 15px;
}

.article-gray-side .head {
font-size: 110%;
color: #494949;
padding: 8px 10px 8px 10px;
background: #E2E2E2 url(../img/article_side/gray/head.gif) no-repeat top left;
border-bottom: 1px solid #EBEBEB;
}
.article-gray-side .head.blue {
background: #8F9BAD url(../img/article_side/gray/head_blue.gif) no-repeat top left;
color: #FFFFFF;
}


.article-gray-side li {
list-style-type:none;
font-size: 100%;
background: url(../img/article_side/gray/main.gif) no-repeat center left;
border-bottom: 1px solid #CACACA;
}

.article-gray-side li a {
display: block;
cursor: pointer;
color: #000000;
}
/*IE6対策*/
* html .article-gray-side li a {
width: 240px;
}
.article-gray-side li a:link { text-decoration: none; }
.article-gray-side li a:visited { text-decoration: none; }
.article-gray-side li a:active { text-decoration: none; }
.article-gray-side li a:hover,
.article-gray-side li .current {
text-decoration: none;
background: url(../img/article_side/gray/main2.gif) no-repeat center left;
}

.article-gray-side li a span {
display: block;
padding: 10px;
text-decoration: none;
color: #000000;
}

.article-gray-side .foot {
border-bottom-style: none;
background: url(../img/article_side/gray/foot.gif) no-repeat bottom left;
}
.article-gray-side .foot a span {
cursor: pointer;
display: block;
padding: 10px 10px 12px 10px;
}
.article-gray-side .foot a:hover,
.article-gray-side .foot .current {
background: url(../img/article_side/gray/foot2.gif) no-repeat bottom left;
}


/*------------------サイドメニュー(グレイ) アイコン有り------------------*/
.article-gray-side li a .icon,
.article-gray-side .foot a .icon {
padding-left: 39px;
}
.article-gray-side li a .about {
background: url(../img/article_side/gray/about.png) no-repeat 6px 50%;
}
.article-gray-side li a .specification {
background: url(../img/article_side/gray/doc.png) no-repeat 6px 50%;
}
.article-gray-side li a .bbs {
background: url(../img/article_side/gray/bbs.png) no-repeat 6px 50%;
}
.article-gray-side li a .manual {
background: url(../img/article_side/gray/manual.png) no-repeat 6px 50%;
}
.article-gray-side li a .faq {
background: url(../img/article_side/gray/faq.png) no-repeat 6px 50%;
}




/*------------------フッター------------------*/
#footer {
border-top:1px solid #C7D37D;
border-bottom:1px solid #DDDDDD;
background: #89B32D url(../img/common/foot_bar.png) repeat-x;
padding:2px 15px 2px 15px;
color:#FFFFFF;
font-size:90%;
list-style-type:none;
}
#footer li { padding-right:14px; float:left; }
#footer a:link { color:#FFFFFF; text-decoration:none; }
#footer a:visited { color:#FFFFFF; text-decoration:none; }
#footer a:hover { color:#FFFFFF; text-decoration:none; }
#footer a:active { color:#FFFFFF; text-decoration:none; }


/*------------------コピーライト------------------*/
#copyright {
line-height:normal;
color:#868686;
height:30px;
padding:5px 15px 0 15px;
text-align:right;
font-size:90%;
}






/*------------------記事内の色々な部品------------------*/
.element {
margin-bottom:1.3em;
}
.element .title {
font-size: 120%;
}
.element li {
float:left;
margin-right:-10px;
}
.element .appid {
display:block;
padding-left: 18px;
background:url(../img/common/prof_ss_none.gif) center left no-repeat;
}
.element .tag {
display:block;
padding-left: 18px;
background:url(../img/common/folder.gif) center left no-repeat;
}
.element .date {
font-size: 90%;
}
.element .users {
font-size: 90%;
border:1px solid #ACA360;
padding:2px;
color:#CC2A2A;
background-color:#FFFFCC;
}

.element .tag a:link,   .element .appid a:link    {color:#707070; text-decoration:underline;}
.element .tag a:visited,.element .appid a:visited {color:#707070; text-decoration:underline;}
.element .tag a:hover,  .element .appid a:hover   {color:#707070; text-decoration:none;}
.element .tag a:active, .element .appid a:active  {color:#707070; text-decoration:none;}





/*-チェック-*/
.li-chk {
color: #666666;
list-style: none;
margin-left: -20px;
}
.li-chk li.png {
padding: 5px 0 10px 35px;
background:url(../img/common/chk.png) top left no-repeat;
}
.li-chk li strong {
color: #FF027C;
text-decoration:underline;
font-size: 120%;
font-weight:normal;
font-style:normal;
}