@charset "utf-8";
/*
Theme Name: jdc-online03
Theme URL: http://www.jp-jdc.com/
Description: オンラインサポートのテーマ3
Author:jdc
Version:1.1
*/
@import url("designcss_01.css");
*{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
/*段組み*/
body{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#5d5d5d;
}
p{
padding:10px 0px 10px 0px;
}
/*なぜかie6だとカテゴリアーカイブの一件目でborderが消える
ie6バグ対策*/
div#clear{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:auto;
height:auto;
position:relative;
}
div#wrapper{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
height:auto;
}
div#header{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
height:100px;
background:url(img/head_back001.png) repeat-x left top;
}
div#header p{
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
width:auto;
height:auto;
font-weight:bold;
color:#dfdfdf;
float:right;
}
div#wrapper_02{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
height:auto;
position:relative;
background:url(img/back003.png) right top repeat-y;
clear:both;
}
*html #wrapper_03{
margin:0px 0px 0px 250px;
padding:0px 0px 0px 0px;
width:auto;
height:auto;
}
div#wrapper_03{
margin:0px 0px 0px 250px;
padding:0px 0px 0px 0px;
width:auto;
height:auto;
}
div#wrapper_04{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:auto;
height:auto;
position:relative;
}
div#wrapper_05{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
height:auto;
background:url(img/left_back_01.png) left top repeat-y;
position:relative;
}
*html body div#sub{
margin:0px 0px 0px 0px;
padding:0px;
width:230px;
height:auto;
float:left;
}
div#sub{
margin:0px 0px 0px 0px;
padding:0px;
width:250px;
height:auto;
float:left;
}
div#content{
margin:0px 0px 0px 0px;
padding:10px 10px 10px 0px;
width:auto;
height:auto;
line-height:1.5em;
}
div#content_02{
margin:0px 290px 0px 0px;
padding:10px 0px 0px 0px;
width:auto;
height:auto;
}
div#content_04{
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
width:auto;
height:auto;
background:url(img/back004.png) repeat-x;
text-align:right;
border:#cccccc solid 1px;
}
div#content_03{
margin:0px 290px 0px 0px;
padding:10px 0px 0px 0px;
width:auto;
height:auto;
}
div#footer{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:auto;
height:100px;
position:relative;
clear:both;
text-align:center;
background: url(img/foot_back001.png) left top repeat-x;
color:#ffffff;
}
div#footer a{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}
div#footer a:link{
color:#ffffff;
}
div#footer a:visited{
color:#ffffff;
}
div#footer a:hover{
color:#a4c733;
}
div#footer a:active{
color:#a4c733;
}
div.road{
margin:0px 0px 0px 0px;
padding:0px 20px 0px 7px;
width:auto;
height:auto;
text-align:center;
}
div#search{
margin:0px 0px 0px 30px;
padding:0px 0px 0px 0px;
width:auto;
height:auto;
}
div#nav{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:auto;
height:auto;
}
div.post{
margin:0px 0px 0px 0px;
padding:10px 10px 10px 0px;
width:auto;
height:auto;
position:relative;
clear:both;
}
div.post_02{
margin:0px 0px 0px 0px;
padding:10px 10px 10px 10px;
width:auto;
height:auto;
}
div.post_03{
margin:10px 10px 10px 10px;
padding:10px 10px 10px 10px;
width:auto;
height:auto;
border:#cccccc solid 1px;
}
div.post_04{
margin:0px 0px 0px 0px;
padding:10px 10px 10px 0px;
width:auto;
height:220px;
background:url(img/photo_001.png) 5px 0px no-repeat;
text-align:right;
position:relative;
}
*html body div.post_05{
margin:0px 0px 0px 7px;
padding:10px 10px 10px 10px;
width:auto;
height:auto;
border-left:#cccccc solid 1px;
border-right:#cccccc solid 1px;
border-bottom:#cccccc solid 1px;
}
div.post_05{
margin:0px 0px 0px 0px;
padding:10px 10px 10px 10px;
width:auto;
height:auto;
border-left:#cccccc solid 1px;
border-right:#cccccc solid 1px;
border-bottom:#cccccc solid 1px;
}
div.post_06{
margin:10px 10px 10px 10px;
padding:10px 10px 10px 10px;
width:auto;
height:auto;
}
div#right{
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:290px;
height:auto;
float:right;
text-align:center;
}
div#info{
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
width:auto;
height:auto;
}
/*画像*/
img{
border:none;
}
img.img_01{
border:none;
vertical-align:bottom;
}
img.img_02{
border:none;
margin:0px 0px 0px 20px;
vertical-align:bottom;
}
img.img_03{
border:none;
vertical-align:bottom;
margin:10px;
float:left;
}
img.img_04{
border:none;
vertical-align:bottom;
margin:10px;
}
img.img_05{
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
border:none;
vertical-align:bottom;
border:#000000 solid 1px;
}
img.img_06{
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
border:none;
vertical-align:bottom;
}
/*トップページ段落*/
div#new{
margin:0px 15px 0px 20px;
padding:0px 0px 0px 0px;
width:auto;
height:auto;
}
div#link{
margin:0px 15px 0px 20px;
padding:0px 0px 0px 0px;
width:auto;
height:auto;
}
div#button{
margin:0px 15px 0px 20px;
padding:0px 0px 20px 0px;
width:auto;
height:auto;
}
div#button p{
text-align:left;
}
/*トップページナビゲーション*/
ul.new{
margin:10px 10px 10px 10px;
padding:0px 0px 0px 0px;
list-style:none inside;
}
/*カテゴリリスト*/
*html body ul.cat_ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:200px;
height:auto;
list-style:none outside;
text-align:left;
}
ul.cat_ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:220px;
height:auto;
list-style:none outside;
text-align:left;
}
*html body li.cat-item{
margin:5px 0px 5px 0px;
padding:0px 0px 0px 0px;
width:200px;
height:auto;
}
li.cat-item{
margin:5px 0px 5px 0px;
padding:0px 0px 0px 0px;
width:220px;
height:auto;
}
* html li.cat-item a{
margin:0px 0px 0px 0px;
padding:13px 10px 12px 10px;
width:100%;
height:auto;
font-weight:bold;
text-decoration:none;
display:block;
}
li.cat-item a{
margin:0px 0px 0px 0px;
padding:13px 10px 12px 10px;
width:auto;
height:auto;
font-weight:bold;
text-decoration:none;
display:block;
}
li.cat-item a:link{
color:#5d5d5d;
background:url(img/button_01.png) no-repeat left center;
}
li.cat-item a:visited{
color:#5d5d5d;
background:url(img/button_01.png) no-repeat left center;
}
li.cat-item a:hover{
color:#a4c733;
background:url(img/button_02.png) no-repeat left center;
}
li.cat-item a:active{
color:#a4c733;
background:url(img/button_02.png) no-repeat left center;
}
/*ページタイトル*/
h1#title_01{
font-size:larger;
font-weight:bold;
padding:5px 5px 5px 10px;
margin:10px 0px 10px 0px;
width:auto;
height:auto;
border-left:#007690 double 10px;
background:#efefef;
position:relative;
text-align:left;
}
h2.subtitle{
font-size:larger;
font-weight:bold;
line-height:1.5em;
padding:5px 5px 5px 10px;
margin:10px 0px 10px 0px;
width:auto;
height:auto;
text-align:left;
border-left:#000000 double 10px;
background:#ffffff;
}
h2.subtitle_02{
font-size:small;
font-weight:bold;
line-height:1.5em;
padding:5px 5px 5px 10px;
margin:0px 0px 0px 0px;
width:auto;
height:auto;
text-align:left;
border-left:#000000 double 10px;
background:#ffffff;
}
h2.subtitle_03{
font-weight:bold;
padding:5px 5px 5px 10px;
margin:0px 0px 0px 0px;
width:auto;
height:auto;
border-left:#007690 10px solid;
border-bottom:#007690 1px solid;
}
h2.subtitle_04{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:auto;
height:100%;
line-height:36px;
background:url(img/back_003.png) left center;
border:#cccccc solid 1px;
font-size:18px;
font-weight:bold;
color:#5d5d5d;
position:relative;
}
h2.subtitle_05{
font-weight:bold;
font-size:16px;
padding:0px 5px 5px 5px;
margin:0px 0px 0px 0px;
width:auto;
height:auto;
display:block;
}
h2.subtitle_05 a{
padding:5px 5px 5px 25px;
margin:0px 0px 0px 0px;
width:auto;
height:auto;
text-decoration:none;
background:url(img/icon_09.png) 0px 5px no-repeat;
}
h2.subtitle_05 a:link{
padding:5px 5px 5px 25px;
margin:0px 0px 0px 0px;
width:auto;
height:auto;
color:#5d5d5d;
background:url(img/icon_09.png) 0px 5px no-repeat;
}
h2.subtitle_05 a:visited{
padding:5px 5px 5px 25px;
margin:0px 0px 0px 0px;
width:auto;
height:auto;
color:#5d5d5d;
background:url(img/icon_09.png) 0px 5px no-repeat;
}
h2.subtitle_05 a:hover{
padding:5px 5px 5px 25px;
margin:0px 0px 0px 0px;
width:auto;
height:auto;
text-decoration:underline;
color:#a4c733;
background:url(img/icon_08.png) 0px 5px no-repeat;
}
h2.subtitle_05 a:active{
padding:5px 5px 5px 25px;
margin:0px 0px 0px 0px;
width:auto;
height:auto;
text-decoration:underline;
color:#a4c733;
background:url(img/icon_08.png) 0px 5px no-repeat;
}
h2.subtitle_06{
margin:0px 0px 0px 0px;
padding:0px 20px 0px 0px;
width:auto;
height:36px;
line-height:36px;
background:url(img/back_003.png) left center;
border:#cccccc solid 1px;
font-size:18px;
font-weight:bold;
color:#5d5d5d;
}
h2.subtitle_07{
font-weight:bold;
font-size:16px;
padding:0px 5px 3px 5px;
margin:0px 0px 0px 0px;
width:auto;
height:auto;
}
h2.subtitle_07 a{
padding:5px 5px 3px 20px;
margin:0px 0px 0px 0px;
width:auto;
height:auto;
text-decoration:none;
background:url(img/icon_11.png) left center no-repeat;
display:block;
}
h2.subtitle_07 a:link{
padding:5px 5px 3px 20px;
margin:0px 0px 0px 0px;
width:auto;
height:auto;
color:#5d5d5d;
background:url(img/icon_11.png) left center no-repeat;
display:block;
}
h2.subtitle_07 a:visited{
padding:5px 5px 3px 20px;
margin:0px 0px 0px 0px;
width:auto;
height:auto;
color:#5d5d5d;
background:url(img/icon_11.png) left center no-repeat;
display:block;
}
h2.subtitle_07 a:hover{
padding:5px 5px 3px 20px;
margin:0px 0px 0px 0px;
width:auto;
height:auto;
text-decoration:underline;
color:#a4c733;
background:url(img/icon_11.png) left center no-repeat;
display:block;
}
h2.subtitle_07 a:active{
padding:5px 5px 3px 20px;
margin:0px 0px 0px 0px;
width:auto;
height:auto;
text-decoration:underline;
color:#a4c733;
background:url(img/icon_11.png) left center no-repeat;
display:block;
}
span.sub_img_01{
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
width:36px;
height:36px;
border-right:#cccccc solid 1px;
float:left;
}
/*フッターページリスト*/
ul#pagenav{
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
width:auto;
height:auto;
list-style:none inside;
}
li.page_item{
margin:5px;
padding:0px;
width:auto;
height:auto;
display:inline;
}
p.text_01{
margin:10px 0px 0px 0px;
padding:0px;
width:auto;
height:auto;
}
/*リンクナビゲーション*/
ul#linknav{
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style:none outside;
text-align:left;
}
ul#linknav li{
margin:5px;
padding-left:20px;
line-height:1.5em;
display:block;
background:url(img/icon_01.png) left center no-repeat;
border-bottom:#333333 dotted 1px;
}
ul#linknav li a{
margin:0px;
padding:0px;
text-decoration:none;
font-weight:bold;
}
ul#linknav li a:link{
color:#5d5d5d;

}
ul#linknav li a:visited{
color:#5d5d5d;
}
ul#linknav li a:hover{
color:#a4c733;
}
ul#linknav li a:active{
color:#a4c733;
}
span.span_01{
font-weight:normal;
font-size:medium;
}
/*新着情報リスト*/
*html body ul.info_ul{
margin:0px 3px 0px 7px;
padding:10px 10px 10px 10px;
width:auto;
height:auto;
list-style:none outside;
border-bottom:#cccccc solid 1px;
border-left:#cccccc solid 1px;
border-right:#cccccc solid 1px;
}
ul.info_ul{
margin:0px 0px 0px 0px;
padding:10px 10px 10px 10px;
width:auto;
height:auto;
list-style:none outside;
border-bottom:#cccccc solid 1px;
border-left:#cccccc solid 1px;
border-right:#cccccc solid 1px;
}
ul.info_ul li{
margin:5px 0px 5px 0px;
padding:0px 0px 0px 0px;
line-height:1.5em;
border-bottom:#cccccc dotted 1px;
position:relative;
font-weight:bold
}
ul.info_ul li a{
padding:0px 0px 0px 25px;
width:auto;
height:auto;
display:block;
background:url(img/icon_05.png) 2px 3px top no-repeat;
text-decoration:none;
}
ul.info_ul li a:link{
background:url(img/icon_05.png) 2px 3px no-repeat;
color:#5d5d5d;
}
ul.info_ul li a:visited{
background:url(img/icon_05.png) 2px 3px no-repeat;
color:#5d5d5d;
}
ul.info_ul li a:hover{
background:url(img/icon_06.png) 2px 3px no-repeat;
text-decoration:underline;
color:#a4c733;
}
ul.info_ul li a:active{
background:url(img/icon_06.png) 2px 3pxa no-repeat;
text-decoration:underline;
color:#a4c733;
}
/*お問い合わせのリスト*/
ul#maillist{
margin:0px 10px 0px 15px;
padding:0px 0px 0px 0px;
text-align:left;
list-style:none outside;
width:auto;
height:auto;
font-size:small;
}
ul#maillist li{
background:url(img/icon_10.png) left top no-repeat;
padding-left:20px;
}