@charset "UTF-8";/*あいう*/

@import url("../common/_initialize.css");
@import url("../common/_layout.css");
@import url("../common/_h1.css");
@import url("../common/_global_menu.css");
@import url("../common/_side.css");
@import url("../common/_page.css");


/* --- Content --- */
#content_container {
    margin-top: 10px;
    width: 100%;
    background: url(../../img/body_bg_wiki.gif) repeat-y top left;
}
#content {
    width: 100%;
}
/* --- /Content --- */


/* --- Page (layout) --- */
#page_container {
    float: right;
    width: 620px; /* 定数 (#container 背景画像と連動) */
}
#page {
    margin-left: auto;
    margin-right: auto;
    width: 618px; /* 定数 (#container 背景画像と連動) */
}
/* --- /Page (layout) --- */


/* --- Page (content) --- */
#page_main {
    width: 100%;
    font-size: 12px;
    line-height: 18px;
}
#page_main h2 {
    padding: 6px 0 0 30px;
    height: 24px;
    _padding: 7px 0 0 30px;
    _height: 23px;
    background: url(../../img/title_620_gray.jpg) no-repeat top left;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
}
#page_main h3 {
    margin: 0 0 20px 0;
    padding: 10px 0 10px 30px;
    background: url(../../img/icon_subtitle.gif) no-repeat center left;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.5px;
    color:#FF3300;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px dashed #CCC;
}
#page_main #wrap_comment {
    margin: 0 10px 20px 10px;
    padding:10px;
    border: 1px solid #CCCCCC;
    font-size: 12px;
    background-color: #F5FAFF;
}
#page_main h4{
    background:url(../../img/icon_sub_subtitle.gif);
    background-repeat:no-repeat;
    background-position:left;
    padding: 7px 0 7px 20px;
    border-top:3px solid #CCC;
    border:3px solid #CCC;
    color:#333;
    font-size: 14px;
    letter-spacing:0.05em;
    font-weight:bold;
    margin:0 0 20px 0;
    }
#page_main  #wrap_menu_wiki_bloc{
    margin-bottom:10px;
    padding:10px 0;
    }
#page_main ul{
    margin:0 0 0 10px;
    padding:0;
    }
#page_main ul li{
    margin:5px 0;
    padding:0;
    }
#page_main ul li ul li{
    margin:1px 0;
    padding:0;
    }
#page_main ul li a{
    background-image:url(../../img/icon_side_darkgray.gif);
    background-repeat:no-repeat;
    background-position:left;
    padding:0 10px;
    display:block;
    height:16px;
    font-size: 12px;
    }
#wrap_contents_text{
    padding:0 10px;
    margin:0 0 10px 0;
    }
#wrap_contents_text p{
    margin:0 0 20px 0;
    }
#wrap_sub_comment{
    background:#EFEFF1;
    padding:10px;
    }
#page_main #wrap_comment{
    background:#F5FAFF;
    padding:10px;
    border:1px solid #CCC;
    margin:0 10px 20px 10px;
    font-size: 12px;
    }
#wrap_contents_text #wrap_source{
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    width: 550px; /* 定数 */
    overflow: scroll;
    list-style-position: inside;
    border:1px dashed #CCC;
    background:#FFFFCC;
    white-space: nowrap;
    }
div.img_margin img {/* 元wikiのセレクタが残ってたので */
    _width: 570px; /* IEでブロックが下に落ちるので、とりあえずブロックが下に落ちないように対応 */
    }
#wrap_image{
    overflow: scroll;
    margin:0 0 20px 0;
    border-bottom:1px solid #CCC;
    padding: 0 0 20px 0;
    }   
#wrap_contents_text #wrap_contents_list{
    background:#F8F8F8;
    border:1px dashed #CCC;
    padding:10px 20px;
    margin:0 0 20px 0;
    }
#wrap_contents_text #wrap_contents_list li{
    padding:0;
    color: #006699;
    background:url(../../img/icon_list.gif);
    background-repeat:no-repeat;
    background-position: top left;
    padding:0 0 0 20px;
    }
#wrap_contents_btn{
    width:598px;
    border:1px solid #CCC;
    margin:0 0 10px 0;
    border-bottom:none;
    }
#wrap_contents_btn{
    width:598px;
    x border:1px solid #CCC;
    margin:0 0 10px 0;
    border-bottom:none;
    }
#wrap_contents_btn th{
    text-align:left;
    width:400px;
    padding:5px 10px;
    border-bottom:1px solid #CCC;
    
    }
#wrap_contents_btn td{
    text-align:center;
    padding:5px 10px;
    background:#EFEFF1;
    border-bottom:1px solid #CCC;
    border-left:1px solid #CCC;
    }
    
#wrap_type{
    border:1px solid #CCC;
    margin:0 0 10px 0;
    border-bottom:none;
    border-left:none;
    width: 598px;
    }
#wrap_type th{
    padding:5px;
    border-bottom:1px solid #CCC;
    background:#EFEFF1;
    border-left:1px solid #CCC;
    text-align:left;
    width: 140px;
    }
#wrap_type td{
    border-bottom:1px solid #CCC;
    padding:5px;
    border-left:1px solid #CCC;
    background: #F9F9F9;
    }
#wrap_type #menu td{
    background:url(../../img/bg_table_th.jpg);
    background-repeat:repeat-x;
    background-position:top;
    font-weight:bold;
    color:#FFF;
    }
#wrap_type td.mark_c{
    text-align:center;
    width:60px;
    }
#bg_orange, #wrap_type th#bg_orange, #wrap_type td#bg_orange{
    background:#FFF0E1;
    x background:#DAEEF8;
    color: #333333;
}
#news {
    width:578px;
    }
#news th{
    padding:10px 0;
    width:100px;
    text-align:left;
    }
#news td{
    padding:10px;
    }
#case_box table{
    background:#F1F4F5;
    width:618px;
    margin-bottom:10px;
    }
#case_box table td{
    padding:15px 5px 15px 5px;
    font-weight:bold;
    color:#3E7D88;
    width:180px;
    vertical-align:top;
    }
#case_box table td.ecshop{
    width:400px;
    }
#case_box table a{
    text-decoration:none;
    }
#case_box table a:hover img{
    opacity: 0.8;
    filter: alpha(opacity=80);
    }
#case_box h3{
    font-size: 12px;
    margin:0 0 5px 0;
    font-weight:bold;
    letter-spacing:0em;
    color:#FF3300;
    }
#case_box li{
    font-size: 10.5px;
    font-weight:normal;
    letter-spacing:0.07em;
    color:#666;
    }
#case_box_img{
    text-align:center;
    width:200px;
    }
#case_box_img a{
    font-size: 10.5px;
    }
#message_box a:hover img{
    opacity: 0.8;
    filter: alpha(opacity=80);
    }
#wrap_contents_text #box_function{
    width:598px;
    border:1px solid #CCC;
    margin-bottom:2px;
    }
#wrap_contents_text #subtitle td{
    background:#E2E2E7;
    padding:0 10px;
    }
#wrap_contents_text #title{
    background:#EFEFF1;
    width:80px;
    }
#wrap_contents_text #box_function td{
    padding:5px 10px;
    }
#gray_title{
    padding:5px 10px;
    background:#F8F8F8;
    width:150px;
    }
#gray{
    padding:5px 10px;
    background:#F8F8F8;
    }
#white_title{
    width:150px;
    }
#career{
    width:598px;
    }
#career th{
    background:#F8F8F8;
    width:80px;
    padding:5px 10px;
    border-bottom:3px solid #FFF;
    }
#career td{
    background:#FFF;
    padding:5px 10px;
    border-bottom:3px solid #FFF;
    }
#page_main .ecshop ul, #page_main #case_box ul{
    margin:0;
    }
#wrap_type td.mark_price{
    width:250px;
    }
#box_bpla{
    width:598px;
    margin:20px 0;
    }
#box_bpla th{
    width:140px;
    background:#E3F5FD;
    padding:10px;
    border:1px solid #E3F5FD;
    color:#006699;
    text-align:right;
    }
#box_bpla td{
    padding:10px;
    border:1px solid #E3F5FD;
    }
/* ソースのシンタックスカラー */
.hl-brackets{
color:#808000;
}
.hl-reserved{
color:#008080;
}
.hl-var{
color:#000080;
}
.hl-quotes{
color:#800000;
}
.hl-string{
color:#FF0000;
}
.hl-identifier{
color:#0000FF;
}
.hl-comment{
color:#008000;
}
.hl-inlinetags{
color:#0000FF;
}
.hl-inlinedoc{
color:#0000FF;
}
.hl-code{
color:#808080;
}
#wrap_source li{
    list-style-type: decimal;
    word-break: normal; 
    }
/* --- /Page (content) --- */


/* --- Side (layout) --- */
#side_container {
    float: left;
    width: 220px; /* 定数 (#container 背景画像と連動) */
    height: 100%;
}
#side {
    margin-left: auto;
    margin-right: auto;
    width: 218px; /* 定数 (#container 背景画像と連動) */
}
/* --- /Side (layout) --- */


/* --- Side (content) --- */
/* --- /Side (content) --- */