@charset "utf-8";
/*==wrapを読み込まない==*/
*{
margin:0px;
padding:0px;
}
body{
font-family:"メイリオ", "Meiryo UI", "ヒラギノ丸ゴ Pro W4", "小塚ゴシック Pro R", sans-serif;
letter-spacing:0.2em;
background-image:url(../images/webtreats-grunge-1.jpg);
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
margin:0px;
padding:0px;
font-size:11px;
}
ul{
list-style-type:none;
}
img{
border:none;
}
input,textarea,select{
font-size:1em;
}
form{
margin:0px;
}
table{
border-collapse:collapse;
font-size:100%;
border-spacing:0;
}
.clearfix:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
.clearfix{
overflow:hidden;
}
.mT20{
margin-top:20px;
}
.mB20{
margin-bottom:20px;
}
.head{
margin-right:auto;
margin-left:auto;
}
.contents{
width:1028px;
margin-right:auto;
margin-left:-30px;
padding:15px;
margin-top:136px;
background:url(../images/kabe-wa17.gif);
}
#Nav{
float:left;
width:230px;
}
#MainContents{
padding:15px;
float:left;
width:487px;
background-color:#FFFFF4;
margin-right:20px;
margin-left:20px;
box-shadow:0 0 1px #333;
margin-bottom:1px;
margin-top:1px;
}
#SubContents{
float:right;
width:230px;
}
.foot{
width:837px;
margin-right:auto;
margin-left:auto;
}
#header{
padding-top:10px;
color:#FFF;
height:104px;
line-height:104px;
z-index:2;
position:relative;
padding-left:20px;
padding-right:20px;
}
.siteTitle{
font-size:28px;
font-weight:bold;
line-height:200px;
}
.siteTitle a{
color:#FFFFF4;
text-decoration:none;
text-shadow:0 0 3px #333;
}
.cap01{
font-size:15px;
line-height:25px;
font-weight:bold;
background-image:url(../images/h1bg.png);
padding-top:5px;
padding-bottom:5px;
padding-right:10px;
padding-left:10px;
box-shadow:0px 2px 3px #333333;
text-shadow:1px 1px 1px #CCC;
margin-top:10px;
border-top:2px solid #CCC;
border-left:2px solid #CCC;
border-right:2px solid #333;
border-bottom:2px solid #333;
}
.cap01:first-letter{
color:#C30;
font-size:18px;
}
.cap02{
border:2px solid #333333;
box-shadow:0 2px 3px #333333;
background-color:#FFFFF4;
color:#333333;
font-size:14px;
font-weight:bold;
line-height:25px;
padding-bottom:5px;
padding-left:10px;
padding-top:5px;
}
.new{
margin-top:15px;
margin-bottom:15px;
}
.new dt{
color:#FFF;
background-color:#333;
line-height:23px;
padding-left:10px;
;
}
.new dd{
padding:10px;
}
.Nav{
border-bottom:1px solid #333333;
border-left:1px solid #333333;
border-right:1px solid #333333;
margin:0 5px;
padding:10px 5px;
}
.Nav li{
border-bottom:1px dotted #333333;
padding:10px 0;
}
.Nav li a{
background-image:url(../images/point007_10.gif);
background-repeat:no-repeat;
background-position:left 3px;
display:block;
padding-left:13px;
color:#333;
text-decoration:none;
font-weight:bold;
}
.Nav li a:hover{
background-image:url(../images/point007_01.gif);
background-repeat:no-repeat;
background-position:left 3px;
display:block;
padding-left:13px;
color:#C30;
text-decoration:underline;
font-weight:bold;
}
.text01{
padding-top:15px;
padding-right:10px;
padding-bottom:15px;
padding-left:10px;
line-height:28px;
}
.text02{
background-color:#FFC;
padding:10px;
color:#396;
border-radius:10px;
line-height:28px;
}
.text03{
padding:10px;
border:1px dotted #660;
line-height:28px;
}
.blue{
color:#06C;
}
.red{
color:#C00;
}
.Line{
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#C90;
}
.center{
text-align:center;
}
#footer{
clear:both;
color:#FFF;
background:#808000;
padding-top:15px;
padding-bottom:15px;
line-height:17px;
border-radius:0 0 5px 5px;
}
.copy{
font-size:11px;
text-align:center;
}
.new dd a{
color:#000;
}
.link01{
padding:10px;
}
.link01 li{
margin-bottom:10px;
list-style-position:inside;
list-style-image:url(../images/arrow073_02.gif);
}
#Contents02{
width:807px;
margin-right:auto;
margin-left:auto;
margin-top:15px;
margin-bottom:15px;
background-color:#FFF;
padding:15px;
}
#MainContents2{
float:left;
width:571px;
background-color:#FFF;
margin-right:30px;
}
#subContents2{
float:right;
width:206px;
}
.textBox02{
background-color:#FFC;
padding:10px;
}
.caption03{
border-bottom-width:1px;
border-bottom-style:dashed;
border-bottom-color:#690;
font-size:14px;
line-height:30px;
font-weight:normal;
color:#690;
padding-left:10px;
}
.new2 dt{
font-size:14px;
font-weight:bold;
color:#F60;
}
.new2 dd{
margin-bottom:7px;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
padding-left:10px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#FC9;
}
#GNav{
background:#808000;
height:39px;
line-height:39px;
position:relative;
left:0px;
top:136px;
}
.GNavList{
width:837px;
margin-right:auto;
margin-left:auto;
}
.GNavList li{
display:block;
float:left;
}
.GNavList li a{
color:#FFF;
text-decoration:none;
font-weight:bold;
display:block;
/* padding-top:5px; */
padding-right:10px;
/* padding-bottom:5px; */
padding-left:10px;
border-left:1px solid #FFF;
}
.GNavList li a:hover{
color:#333;
text-decoration:none;
font-weight:bold;
display:block;
padding-right:10px;
padding-left:10px;
background-color:#FFFFF4;
}
.Mv{
width:1000px;
height:250px;
position:absolute;
top:15px;
left:15px;
z-index:1;
border-radius:5px 5px 0 0;
}
.FNav li{
display:inline;
margin-right:5px;
margin-left:5px;
white-space:nowrap;
}
.FNav li a{
background-image:url(../images/arrow026_09.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:15px;
color:#FFF;
}
.FNav li a:hover{
color:#F90;
background-image:url(../images/arrow026_02.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:15px;
}
.FNav{
text-align:center;
margin-bottom:25px;
}
#wrap{
margin:15px auto;
width:1000px;
padding:15px;
position:relative;
background:url(../images/webtreats-grunge-3.jpg);
border-radius:5px;
}/*==color==*/
.colorBlue_bg{
color:#ffffff;
background-color:#093fad;
padding:1px 2px;
margin:1px;
}
.colorBlue{
color:#0066cc;
font-weight:bold;
}
.colorPink_bg{
color:#ffffff;
background-color:#ff6699;
padding:1px 2px;
margin:1px;
}
.colorRed_bg{
color:#ffffff;
background-color:#F8495A;
padding:1px 2px;
margin:1px;
}
.colorRed{
font-weight:bold;
color:#F8495A;
}
.colorGreen_bg{
color:#ffffff;
background-color:#779E17;
padding:1px 2px;
margin:1px;
}
.colorGreen{
font-weight:bold;
color:#779e17;
}
.colorOrange_bg{
color:#ffffff;
background-color:#F60;
padding:1px 2px;
margin:1px;
}
.colorOrange{
font-weight:bold;
color:#F60;
}
.colorYellow_bg{
color:#333333;
background-color:#FFFF66;
padding:1px 2px;
margin:1px;
}
.colorYellow{
font-weight:bold;
color:#A65318;
}
.colorLgreen{
font-weight:bold;
color:#6C0;
}
.colorPurple{
font-weight:bold;
color:#87145F;
}
.colorgray{
font-weight:bold;
color:#666;
}
.colorblack{
font-weight:bold;
color:#000;
}
.fontB{
font-weight:bold;
}
.Line{
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#C90;
}
.imgR{
float:right;
margin-top:15px;
margin-bottom:10px;
margin-left:10px;
position:static;
}
.imgL{
float:left;
margin-top:15px;
margin-right:10px;
margin-bottom:10px;
position:static;
}
.imgboder{
border:#999 1px solid;
}
.new dd a{
color:#000;
}
.new dd a:hover{
color:#00CE8B;
}
#footer{
clear:both;
line-height:25px;
}
#footer a:hover{
}
#blogparts{
text-align:center;
margin:20px auto;
font-size:12px;
}
/*==dots==*/
.link01 li a{
/*color:#06C;*/
background-image: url(../images/dots_link01_01.png);
display:block;
padding-left:25px;
background-repeat: no-repeat;
background-position: left center;
}

.link01 li a:hover {
/*color:#0CF;*/
background-image: url(../images/dots_link01_02.png);
padding-left:25px;
}

.FNav li a {
/*color: #FFF;*/
text-decoration: underline;
background-image: url(../images/dots_fnav_01.png);
padding-left:25px;
background-repeat: no-repeat;
background-position: left center;
}

.FNav li a:hover {
background-image: url(../images/dots_fnav_02.png);
/*color: #FFF;*/
text-decoration: none;
padding-left:25px;
background-repeat: no-repeat;
background-position: left center;
}
/*==kouroki_06==*/
.cap02 {
border-bottom: 1px dotted #4e4e91;
border-left: 5px solid #4e4e91;
font-size: 14px;
font-weight: normal;
line-height: 25px;
padding-bottom: 5px;
padding-left: 10px;
padding-top: 5px;
}/*==Nav_02==*/
.Nav{
padding:10px;
}
.Nav li{
margin-bottom:5px;
}
.Nav li a{
color:#333;
padding:5px 5px 5px 25px;
text-decoration:none;
font-weight:normal;
background-color:#fff;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:7px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-color:#ebebeb;
}
.Nav li a:hover{
color:#069;
font-weight:normal;
padding:5px 5px 5px 25px;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:7px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-color:#151563;
background-color:#d3d3ff;
}
.Nav li a{
background-image:url(../images/dots_nav_01.png);
display:block;
padding-left:25px;
background-repeat:no-repeat;
background-position:left center;
}
.Nav li a:hover{
background-image:url(../images/dots_nav_02.png);
display:block;
padding-left:25px;
background-repeat:no-repeat;
background-position:left center;
}