/*------------------------------------------
　number専用
--------------------------------------------*/

#container{
max-width:800px;
_width:800px;
}

@media screen and (max-width: 768px) {
#contents{
min-width:320px;
}}
@media screen and (min-width: 769px) {
#contents{
width:72%;
float:left;
}}


.ttl1{		/*タイトル*/
font-size:15px;
font-weight:700;
color:#009999;
text-align:left;
padding-top:10px;
padding-bottom:10px;
padding-left:50px;
background: url(../image/wb/oms-02w.gif) left no-repeat;
}

.chara1{
margin-bottom:10px;
}
.maniac_com1{
line-height:200%;
margin-bottom:10px;
}
.maniac_com1 dt{
width:130px;
}
.maniac_com1 dd{
margin-top:-30px;
margin-left:140px;
}

.textbox1{
max-width:95%;
_width:95%;
font-size:15px;
line-height:160%;
margin: 0 auto;
text-align:left;
padding-top:5px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
}

p.textbox{
font-size:15px;
margin-top:10px;
margin-bottom:10px;
}

/*------- 見出し -----*/
.list1{
padding-right:5px;
padding-left:5px;
padding-top:5px;
padding-bottom:10px;
}
.list1 h3{
font-size:14px;
font-weight:700;
line-height:150%;
color:#009999;
text-align:left;
padding-left:38px;
}
.list1 ul{
margin-left:15px;
border-left: 3mm ridge rgb(204,204,204, .3);
}
.list1 li{
font-size:14px;
font-weight:300;
line-height:200%;
text-align:left;
padding-left:15px;
}

/*--- index ----*/
#index-box{
font-size:14px;
line-height:180%;
text-align:left;
padding-right:10px;
padding-left:10px;
}

.index-ttl1{		/*タイトル*/
font-size:15px;
font-weight:700;
color:#009999;
text-align:left;
padding-top:10px;
padding-bottom:10px;
padding-left:40px;
background: url(../image/wb/gf-20.gif) left no-repeat;
}
.index-ttl2{		/*タイトル*/
font-size:15px;
font-weight:700;
color:#009999;
text-align:left;
padding-top:10px;
padding-bottom:10px;
padding-left:70px;
background: url(../image/wb/gf/glass-flower/gf-i3.gif) left no-repeat;
}

p.index{
margin-top:10px;
margin-bottom:10px;
}

p.index-red{
color:#cc0000;
font-weight:700;
margin-bottom:10px;
}

.index1 dt{
line-height:40px;
color: #408080;
font-weight:700;
padding-left:50px;
background: url(../image/wb/oms-02w.gif) left no-repeat;
}
.index2 dt{
line-height:40px;
color: #408080;
font-weight:700;
padding-left:30px;
background: url(../image/wb/icon/mt-12.gif) left no-repeat;
}
.index1 dd,.index2 dd{
line-height:180%;
}

.index-ul1 ul,.index-ul2 ul{
padding-top:10px;
}
.index-ul1 li{
font-weight:700;
line-height:300%;
padding-right:28px;
display: inline;/* 横並びにさせる */
white-space:nowrap;
}
.index-ul2 li{	/* 横並びにしない */
font-weight:700;
line-height:300%;
padding-right:28px;
/*white-space:nowrap;*/
}

/*--------- sidebar -------*/
@media screen and (max-width: 768px) {
.sidebar{
background-color:#ffffff;
margin:0 auto;
}
.sidebar h3{
width:300px;
background:url(../image/wb/gf/glass-flower/gf-banner300.gif) no-repeat;
}}
@media screen and (min-width: 769px) {
.sidebar{
width:28%;
float:right;
margin:0 auto;
}
.sidebar h3{
width:200px;
background:url(../image/wb/gf/glass-flower/gf-banner200.gif) no-repeat;
}}

.sidebar h3{
font-size:13px;
line-height:3em;
text-align:center;
margin:0 auto;
}

@media screen and (max-width: 768px) {
.sidebar ul{
width:280px;
}}
@media screen and (min-width: 769px) {
.sidebar ul{
width:200px;
}}

.sidebar li{
font-size:13px;
line-height:180%;
text-align:left;
padding-left:10px;
border-bottom:2px dotted #666666;
margin-top:20px;
margin-bottom:20px;
}
.sidebar li a{
display:block;
}
.sidebar li a:hover{
color:#cccccc;
}

/*------- img----------*/

.gray-ten1{
width: 96%;
height:5px;
background: url(../image/gray-ten1.gif) repeat-x;
margin: 0 auto;	
}

.gray-ten2{
width:100%;
height:4px;
background: url(../image/gray-ten3.gif) repeat-x;
}

.art-img{
width:300px;
height:300px;
background: url(../image/sl/art/ca-flowermoon03-3.jpg) no-repeat;
margin: 0 auto;
}

/*------- 影響力----------*/
.property{
font-size:14px;
line-height:180%;
text-align:left;
margin-left:50px;
margin-top:20px;
margin-bottom:20px;
}
.property dt{
width:60px;
color:#990099;
font-weight:700;
}
.property dd{
margin-top:-2.1em;
padding-left:70px;
}

/*------ input button ----------*/
.ckbox1{
margin-top:40px;
margin-bottom:40px;
}
.ckbox1 input{
-webkit-appearance: none;		/* iPhoneリセット*/
border-radius: 0;				/* iPhoneリセット*/
width:100px;
font-size:14px;
height:30px;
margin-top:40px;
margin-bottom:20px;
border: 1px solid #999999;
background-color:#dddddd;
margin: 0 auto;
}
/* chromeのfocus時のシャドウ削除 */
input[type="text"],textarea,select,input[type="reset"] {	
outline: none;
}