@charset "UTF-8";
* {
    margin:0;
    padding:0;
    line-height:1.4;
    color:#333;
    font-family:'メイリオ',Sans-serif;
    font-size:small;
/*  font-size:13px;*/
/*  font-size:.98em;*/
}
.error-message{
    font-weight:bold;
    color:red;
}
a {
    color:#4c4c4c;
    border-bottom:1px dotted #ffa2a4;
    text-decoration:none;
}
a:hover{
    color:#ff504e;
}
a.noborder {
    border:none;
}
body { }
img { border:none; }
ul,ol{
    margin: 1em 0 1em 0;
    padding-left: 30px;
}
li{ margin:0; }
h2{ font-size:14px; }
h3{ margin-top:20px;background:#efefef;padding:8px;}
h4{ border-left:7px solid #999;padding-left:1em;margin-top:20px;}
p { margin:10px; }
.clear { clear:both; }
#wrapper{
    width:732px;
    margin:0 auto;
}

#topmessage{
}

#header {
    width:732px;
    height:120px;
    padding-top:10px;
}
#header h1 {
    font-weight:normal;
    font-size:x-small;
    text-align:left;
}
#headnavi {
    float:right;
}
#headnavi ul {
    list-style-type:none;
    font-size:x-small;
}
#headnavi ul li{
    float:left;
}

#logo { margin-top:65px;height:35px; }
#logo a { border:none; }

#main{
    width:485px;
    float:left;
}
#right{
    margin-left:10px;
    margin-bottom:10px;
    width:232px;
    float:left;
    font-size:small;
}
h2#banner{
    background:url(/img/mainbanner.gif) no-repeat;
    width:485px;
    height:166px;
    text-indent:-3600px;
}
#webbox{
    width:237px;
    float:left;
    margin-top:20px;
    padding-bottom:20px;
}
#webbox h2{
    background:url(/img/title_red.gif) no-repeat;
    height:38px;
    padding-left:30px;
}
#webbox h2 a{
    line-height:2.8;
}
#webbox ul{ list-style-image:url(/img/list_red.gif); }
#webbox ul li { margin-bottom: 7px;}
#systembox{
    width:237px;
    float:left;
    margin-top:20px;
    margin-left:11px;
    padding-bottom:20px;
}
#systembox h2{
    background:url(/img/title_blue.gif) no-repeat;
    height:38px;
    padding-left:30px;
}
#systembox h2 a{
    line-height:2.8;
}
#systembox ul{ list-style-image:url(/img/list_blue.gif);}
#systembox ul li { margin-bottom: 7px;}
#casestudybox{
    width:485px;
    margin-top:20px;
    padding-bottom:20px;
}
#casestudybox h2{
    background:url(/img/title_gray.gif) no-repeat;
    height:38px;
    padding-left:30px;
    line-height:2.8;
}
#casestudybox ul{ list-style-image:url(/img/list_blue.gif);}
#casestudybox ul li { margin-bottom: 7px;}
.title{
    background:url(/img/title_gray.gif) no-repeat;
    height:38px;
    padding-left:30px;
    line-height:2.8;
}
.more { font-size:0.8em;text-align:right;　}
#rightNews{
    width:230px;
    height:160px;
    border:1px solid #ccc;
    overflow:auto;
}
#rightNews dl{ margin:5px 0;}
#rightNews dl dt{font-size:x-small;padding-left:10px;color:#999;}
#rightNews dl dt img{margin-right:5px;}
#rightNews dl dd{padding:0px 5px 5px 15px;font-size:x-small;margin-bottom:5px;}

#right h2 img{margin-top:7px;}
.rightBox{
    width:230px;
    border:1px solid #ccc;
}
.rightBox img{
    margin-top:10px;
}
.rightBox a img{
    margin-left:10px;
}
.rightBox ul {list-style-image:url(/img/list_red.gif);}
.rightBox ul li{margin:0 5px 7px 0;font-size:small;}

.rightBoxNb{
    width:230px;
    border:none;
    margin-bottom:10px;
}
.rightBoxNb img{
    margin-top:10px;
}
.rightBoxNb a img{
    margin-left:10px;
}

.pickup{ width:230px;height:91px;}
.pickupimage a img{
    width:71px;
    height:71px;
    margin:10px;
    float:left;
}
.pickupcomment{
    width:139px;
    margin-top:10px;
    float:left;
}

#footer{
    clear:both;
    width:732px;
    height:119px;
    text-align:center;
    margin:0;
    padding:0;
    background:url(/img/foot_bg.gif) repeat-x;
    padding-top:20px;
}
#footer p{
    color:#ececec;
    font-size:x-small;
    margin-bottom:25px;
}
#footer p a{
    color:#ececec;
}
#footer ul {
    list-style-type:none;
/*  margin-left:180px;*/
    padding-bottom:35px;
    font-size:x-small;
}
#footer ul li{
    float:left;
    margin-left:1em;
    color:#ececec;
}
#footer ul li a{
    color:#ececec;
    text-decoration:none;
}
#minilogo{
    clear:both;
/*  padding-top:27px;*/
    margin-bottom:5px;
}
#addr address{
    color:#ececec;
    font-size:x-small;
}
#copy{
    color:#ececec;
    font-size:x-small;
}

#breadcrumb {
    font-size:small;
    clear:both;
    background:#efefef;
    height:25px;
    width:100%;
    margin-bottom:10px;
}
#breadcrumb ol{
    float:left;
    margin:5px 0;
}
#breadcrumb ol li{
    list-style-type:none;
    float:left;
}
#breadcrumb ol li a{
    margin-right:5px;
    padding-right:10px;
    background:url(/img/breadcrumb.gif) no-repeat right center;
}

#list{ margin:20px 0;}
#list dt{
    font-weight:bold;
    width:237px;
    height:38px;
    margin-top:10px;
    padding-left:2em;
    line-height:2.8;
    background:url(/img/title_red.gif) no-repeat;
}
#list dd{
    margin-top:5px;
    margin-left:3em;
    line-height:2.4;
}

/* casestudy */
.caselist{ width:483px;border:1px solid #ccc;margin:10px 0 10px 0; }
.caselist div.image{ width:71px;height:71px;margin:8px;float:left; }
.caselist div.comment{ width:375px;margin-left:90px;}
.caselist div.comment h3{
    font-size:14px;
    border-left:5px solid #cdcdcd;
    margin-top:10px;
/*  margin-left:90px; */
    padding-left:5px;
}
.caselist div.comment div.area{ font-size:11px;margin-top:5px; }
.caselist div.comment p{ font-size:0.9em; }

.manageFunction{
    background:#ff3d56;
    clear:both;
    padding:10px;
    height:2em;
    border-top:2px dotted #aaa;
}
.manageFunction a{
    padding:5px 10px;
    background:#ececec;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
}

/* Ajax */
a.editor_cancel_link{
    margin-left:3px;
    font-size:x-small;
}

fieldset{
    padding:.5em;
    border:1px dotted #999;
}
legend{
    font-size:small;
    color:#999;
    padding-left:1em;
    padding-right:1em;
    border-left:1px dotted #999;
    border-right:1px dotted #999;
    background:#fff;
}
.submit{
    width:100%;
    text-align:center;
    margin:1.5em;
}
.center{
    text-align:center;
}
.border{
    border:1px solid #ccc;
}
div.input {
    clear:both;
    margin:.5em;
}
.input label{
    display:block;
    width:10em;
    float:left;
}

/* sitemap */
//#casestudybox ul{ list-style-image:url(/img/list_blue.gif);}
ol#sitemap li{
    list-style-type:none;
}
ol#sitemap li ol li{
    list-style-image:url(/img/list_red.gif);
}
ol#sitemap li a{
    text-decoration:none;
    border-bottom:2px dotted #ccc;
    font-size:1.2em;
}
ol#sitemap li ol li a{
    font-size:1.1em;
}
ol#sitemap li ol li ol li{
    list-style-image:url(/img/list_blue.gif);
}
ol#sitemap li ol li ol li a{
    font-size:1em;
}
ol#sitemap li ol li ol li ol li{
    list-style-image:url(/img/list_red.gif);
}
ol#sitemap li ol li ol li ol li a{
    font-size:.9em;
}

#sidemenu{list-style:none;margin-left:-1em;}
#sidemenu li ul {list-style-image:url(/img/list_blue.gif);margin:5px;}
#sidemenu li ul li{margin-bottom:10px;}
#sidemenu li a{background:#fff;text-decoration:none;}

dl.tbl {
    margin-top:1em;
    margin-bottom:1em;
    padding: 0;
    border: 1px solid #eee;
    border-top: none;
    background-color: #f5f5f5;
}

dl.tbl dt {
    margin: 0;
    padding: 0.8em 0 0.1em 1em;
    border-top: 1px solid #eee;
    width: 8em;
    float: left;
    color: #333;
}

dl.tbl dd {
    margin: 0 0 0 8em;
    padding: 0.8em 1em;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    color: #333;
    background-color: #fff;
}
dd.s1{background:url(/img/s1.gif) no-repeat;}
dd.s2{background:url(/img/s2.gif) no-repeat;}
dd.s3{background:url(/img/s3.gif) no-repeat;}
dd.s4{background:url(/img/s4.gif) no-repeat;}
dd.s5{background:url(/img/s5.gif) no-repeat;}
dd.s6{background:url(/img/s6.gif) no-repeat;}
dd.s7{background:url(/img/s7.gif) no-repeat;}
dd.s8{background:url(/img/s8.gif) no-repeat;}
dd.s9{background:url(/img/s9.gif) no-repeat;}

.pageCounter{text-align:center;}
.pageTotalCounter{margin-top:1em;font-size:small;}
.pagePrev{float:left;padding:1em;}
.pageNext{float:right;padding:1em;}
.pageDisabled{color:#ccc;display:none;}

/* Faq */
p.question{
    background:#efefef;
    padding:.5em;
    margin:0;
    border-top:1px solid #fff;
}
p.question a{
}
p.question span{
    font-size:xx-large;
    color:#999;
}
.answer{
    padding:1em;
    border:1px solid #efefef;
/*  display:none;*/
}
div.answer span{
    font-size:xx-large;
    color:#999;
}

.hiddenlink{
    text-align:right;
}

dl#policy{}
dl#policy dt{
    border-left:10px solid #ddd;
    margin-top:20px;
    padding-left:10px;
    font-size:1.2em;
    font-weight:bold;
}
dl#policy dd{
    line-height:1.6;
}
p.vcenter img{
    vertical-align:middle;
    margin-right:10px;
}

ul.list{list-style:none;margin-left:1em;}
ul.list li span{font-size:large;font-wight:bold;border-left:7px solid #ccc;border-bottom:1px solid #ccc;padding:5px;}
ul.list li ul {list-style-image:url(/img/list_blue.gif);margin:5px 5px 5px 25px;}
ul.list li ul li{margin-bottom:10px;}

.habtm{
    margin-left:1em;
    float:left;
}
#area{
    clear:both;
}
table.list{
    border:1px solid #ccc;
    margin:10px;
    width:470px;
}
table.list th{
    width:14em;
    background: #efefef;
    padding:8px;
    text-align:left;
}
table.list td{
    padding:8px;
    text-align:center;
}
table.list td.hol {
    background:#fcf;
}

ul.newsline{
    list-style:none;
    margin:5px 10px;
    padding:0;
    overflow: auto;
}
ul.newsline li{
    margin-top:3px;
    font-size: 11px;
    border-bottom:1px dotted #ccc;
}