/*------------------------
	数秘術講座　index
-------------------------*/

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

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

.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;
}

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

/*画像タイトル*/
.imgtl1{
font-size:13px;
text-align:center;
padding-top:10px;
}
/*------- 見出し -----*/
.list1{
padding-right:5px;
padding-left:5px;
padding-top:15px;
padding-bottom:15px;
}
.list1 ul{
margin-left:10px;
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:10px;
}


/*--------- back color -------*/

p.color-blue1{
padding-top:10px;
padding-left:10px;
padding-bottom:10px;
margin:10px 0px 10px 0px;
list-style-type: decimal;
background-color:#f9f9fd;
}


/*--------- sidebar -------*/
@media screen and (max-width: 768px) {
.sidebar{
margin:0 auto;
background-color:#ffffff;
}
.sidebar h3{
width:90%;
}}
@media screen and (min-width: 769px) {
.sidebar{
width:30%;
float:right;
margin:0 auto;
}
.sidebar h3{
width:220px;
}}

.sidebar h3{
font-size:13px;
line-height:1.8em;
text-align:center;
list-style-type: decimal;
background: #f3f3fa;
border-top: 4px #b0b0d7 double;
border-bottom: 4px #b0b0d7 double;
border-right: 4px #b0b0d7 double;
border-left: 4px #b0b0d7 double;
}

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

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

/*------ inex タイトル一覧 ------*/
.index-dl{
text-align:left;
margin-top:10px;
}
.index-dl dt{
font-size: 15px;
margin-left:20px;
padding-left:20px;
margin-bottom:5px;
background:url(../image/wb/icon/mt-29.gif) no-repeat;
background-position: 0% 15%;	/*左・上%*/
}
.index-dl dd{
font-size: 15px;
line-height:150%;
padding-left:40px;
margin-bottom:20px;
}

/*------ kouza-number1  ------*/
#number-dl{
font-size:15px;
line-height:150%;
text-align:left;
padding-top:10px;
margin-right:15px;
margin-left:15px;
margin-bottom:10px;
/*list-style-type: decimal;
border-top: 2px #cccccc dashed;
border-bottom: 2px #cccccc dashed;
border-right: 2px #cccccc dashed;
border-left: 2px #cccccc dashed;*/
}
#number-dl dt{
width:30px;
font-weight:700;
color:#ad5a5a;
text-align:left;
padding-left:10px;
}

#number-dl dd{
margin-top:-1.6em;
padding-left:40px;
padding-bottom:15px;
}


/*------ calcu-dl  ------*/

.f14{
font-size:15px;
font-weight:700;
color:#ff0000;
}

.birth1-dl,.birth2-dl,.century1-dl{
font-size:15px;
line-height:150%;
text-align:left;
padding-top:10px;
margin-top:10px;
margin-bottom:10px;
list-style-type: decimal;
background-color:#f9f9fd;
}
.birth1-dl dt,.birth2-dl dt,.century1-dl dt{
font-weight:700;
color:#ad5a5a;
text-align:left;
padding-left:10px;
}
.birth1-dl dd{
padding-left:45px;
}
.birth2-dl dd,.century1-dl dd{
padding-left:70px;
}
.birth1-dl dd,.birth2-dl dd,.century1-dl dd{
margin-top:-1.6em;
padding-bottom:15px;
}

/*------ even odd --------*/

#evenodd{
margin-bottom:20px;
}
#evenodd li{
font-size:14px;
font-weight:700;
display: inline;
padding-right:30px;
padding-left:30px;
}

/*-------- sephirothic-tree  -------*/

.sephirothic_tree1{
width:100%;
padding-bottom:20px;
}
.sephirothic_tree1 dt{
vertical-align:top;
}
.sephirothic_tree1 dd{
font-size:15px;
line-height:130%;
text-align:left;
margin-top:-2.4em;
padding-left:155px;
padding-right:10px;
}

table#sephirothic-tree1{
width:100%;
}
table#sephirothic-tree1 td#set1{
width:72%;
vertical-align:top;
text-align:left;
}
table#sephirothic-tree1 td#set2{
width:28%;
vertical-align:top;
}

table#sephirothic-tree2{
width:100%;
}
table#sephirothic-tree2 td#set1{
width:77%;
vertical-align:top;
}
table#sephirothic-tree2 td#set2{
width:23%;
vertical-align:top;
}

/* ------ sixty-zodiac1 --------*/
.sixty-zodiac-txt1{
font-size:14px;
line-height: 200%;
text-align:left;
padding-top:10px;
padding-left:20px;
}

.sixty-zodiac1{
padding-left:10px;
}
table.sixty-zodiac-set1{
border-collapse:separate;
border-spacing:7px;	/*セル間余白*/
margin-left:0px;
}
td.sixty-zodiac-set1, td.sixty-zodiac-set2, td.sixty-zodiac-set3{
width:35px;
font-size:13px;
line-height:200%;
background-color: #f4f4fb;
padding:5;
}
td.sixty-zodiac-set1{
color:purple;
}
td.sixty-zodiac-set2{
font-weight:700;
color:red;
}
td.sixty-zodiac-set3{
font-weight:500;
/* color:#999999; */
}

#number-dl{
font-size:15px;
line-height:150%;
text-align:left;
padding-top:10px;
margin-right:15px;
margin-left:15px;
margin-bottom:10px;
/*list-style-type: decimal;
border-top: 2px #cccccc dashed;
border-bottom: 2px #cccccc dashed;
border-right: 2px #cccccc dashed;
border-left: 2px #cccccc dashed;*/
}
.sixty-zodiac-dl dt{
width:20px;
font-weight:700;
color:#ad5a5a;
text-align:left;
}

.sixty-zodiac-dl dd{
margin-top:-1.6em;
padding-left:25px;
padding-bottom:15px;
}

/*------ return --------*/
.uplink{			/*上へ戻る*/
font-size:15px;
font-weight:700;
text-align:right;
margin-bottom:30px;
}

.kouza-menulink{		/*講座へ戻る*/
font-size:15px;
font-weight:700;
padding-bottom:20px;
}

.text-link{		/*その他*/
font-size:14px;
font-weight:700;
padding-bottom:20px;
text-align:center;
}

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

.kouza-line1{	/*未使用*/
width:100%;
height:35px;
background:url(../image/egg/line/05.gif) repeat-x;
}

.kouza-line2{
width:100%;
height:13px;
background:url(../image/wb/011.gif) repeat-x;
}

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

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

.kouza-flower{		/*タイトル*/
font-size:14px;
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;
}

.resizeimage img{	/*　画像自動伸縮 */
max-width:100%;
height: auto;
display:block;
margin:0 auto;
}
/*------ input button ----------*/
input{
width:100px;
height:30px;
font-size:14px;
margin: 0 auto;
margin-right:10px;
margin-top:20px;
margin-bottom:30px;
border: 1px solid #999999;
}
/* chromeのfocus時のシャドウ削除 */
input[type="text"],textarea,select,input[type="reset"] {	
outline: none;
}