﻿@charset "utf-8";



/*----------------------------------------------------
汎用class
----------------------------------------------------*/


.ywsp {
width: 2px;
height: 80px;
margin: 0 auto;
}


/*----------------------------------------------------
shizuka
----------------------------------------------------*/

.shizuka {
margin: 0 0 15px 0;
color: #bf4d60;
text-shadow:1px 1px 0px #fae4e4;
}

.shizuka .entry-iconL {
float: left;
width: 100px;
height: 100px;
margin-right: 10px;
}

.shizuka .entry-fukidashiL {
float: left;
width: 16px;
height: 100px;
background: url(../../img/face/arrow01L.gif) no-repeat center center;
}

.shizuka .entry-bodyL {
text-align: left;
line-height: 1.6;
float: left;
width: 580px;
background: #ffdbdb;
padding: 40px 10px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}


.shizuka .entry-iconR {
float: right;
width: 100px;
height: 100px;
margin-left: 10px;
}

.shizuka .entry-fukidashiR {
float: right;
width: 16px;
height: 100px;
background: url(../../img/face/arrow01R.gif) no-repeat center center;
}

.shizuka .entry-bodyR {
text-align: left;
line-height: 1.6;
float: right;
width: 580px;
background: #ffdbdb;
padding: 40px 10px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}


/*----------------------------------------------------
harumi
----------------------------------------------------*/

.harumi {
margin: 0 0 15px 0;
color: #44837b;
text-shadow:1px 1px 0px #def1f1;
}

.harumi .entry-iconL {
float: left;
width: 100px;
height: 100px;
margin-right: 10px;
}

.harumi .entry-fukidashiL {
float: left;
width: 16px;
height: 100px;
background: url(../../img/face/arrow02L.gif) no-repeat center center;
}

.harumi .entry-bodyL {
text-align: left;
line-height: 1.6;
float: left;
width: 580px;
background: #d9ecec;
padding: 40px 10px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}


.harumi .entry-iconR {
float: right;
width: 100px;
height: 100px;
margin-left: 10px;
}

.harumi .entry-fukidashiR {
float: right;
width: 16px;
height: 100px;
background: url(../../img/face/arrow02R.gif) no-repeat center center;
}

.harumi .entry-bodyR {
text-align: left;
line-height: 1.6;
float: right;
width: 580px;
background: #d9ecec;
padding: 40px 10px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}


/*----------------------------------------------------
akio
----------------------------------------------------*/

.akio {
margin: 0 0 15px 0;
color: #655a89;
text-shadow:1px 1px 0px #ebecfc;
}

.akio .entry-iconL {
float: left;
width: 100px;
height: 100px;
margin-right: 10px;
}

.akio .entry-fukidashiL {
float: left;
width: 16px;
height: 100px;
background: url(../../img/face/arrow03L.gif) no-repeat center center;
}

.akio .entry-bodyL {
text-align: left;
line-height: 1.6;
float: left;
width: 580px;
background: #e6e7fc;
padding: 40px 10px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}


.akio .entry-iconR {
float: right;
width: 100px;
height: 100px;
margin-left: 10px;
}

.akio .entry-fukidashiR {
float: right;
width: 16px;
height: 100px;
background: url(../../img/face/arrow03R.gif) no-repeat center center;
}

.akio .entry-bodyR {
text-align: left;
line-height: 1.6;
float: right;
width: 580px;
background: #e6e7fc;
padding: 40px 10px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}


/*----------------------------------------------------
huyune
----------------------------------------------------*/

.huyune {
margin: 0 0 15px 0;
color: #8f674f;
text-shadow:1px 1px 0px #fff2e4;
}

.huyune .entry-iconL {
float: left;
width: 100px;
height: 100px;
margin-right: 10px;
}

.huyune .entry-fukidashiL {
float: left;
width: 16px;
height: 100px;
background: url(../../img/face/arrow04L.gif) no-repeat center center;
}

.huyune .entry-bodyL {
text-align: left;
line-height: 1.6;
float: left;
width: 580px;
background: #ffe9d1;
padding: 40px 10px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}


.huyune .entry-iconR {
float: right;
width: 100px;
height: 100px;
margin-left: 10px;
}

.huyune .entry-fukidashiR {
float: right;
width: 16px;
height: 100px;
background: url(../../img/face/arrow04R.gif) no-repeat center center;
}

.huyune .entry-bodyR {
text-align: left;
line-height: 1.6;
float: right;
width: 580px;
background: #ffe9d1;
padding: 40px 10px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}




/*----------------------------------------------------
sdcharalistbox
----------------------------------------------------*/


#sdcharalistbox {
width: 405px;
margin:0 auto;
}
#sdcharalistbox a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}


ul#charanav {
list-style:none;
width:100%;
}
ul#charanav li {
list-style:none;
float:left;
width:115px;
padding: 10px;
}

#scharanav a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}


/*----------------------------------------------------
tools
----------------------------------------------------*/

.tools {
margin: 0 0 15px 0;
color: #707070;
text-shadow:1px 1px 0px #FFF;
}

.tools .entry-iconL {
float: left;
width: 100px;
height: 100px;
margin-right: 10px;
}

.tools .entry-fukidashiL {
float: left;
width: 16px;
height: 100px;
background: url(../../img/face/arrow05L.gif) no-repeat center center;
}

.tools .entry-bodyL {
text-align: left;
line-height: 1.6;
float: left;
width: 580px;
background: #e9e9e9;
padding: 40px 10px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}


.tools .entry-iconR {
float: right;
width: 100px;
height: 100px;
margin-left: 10px;
}

.tools .entry-fukidashiR {
float: right;
width: 16px;
height: 100px;
background: url(../../img/face/arrow05R.gif) no-repeat center center;
}

.tools .entry-bodyR {
text-align: left;
line-height: 1.6;
float: right;
width: 580px;
background: #e9e9e9;
padding: 40px 10px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}


