/* ------------------------------
発音記号.com
------------------------------ */

body{
	margin:2px;
	background-image: url("../img/pageback.png");
	background-attachment:fixed;
	letter-spacing:1pt;
}

#container {
	width: 750px;
	margin:0 auto;
	border: #999999 1px solid;
	background-color: white;
	background-image:url(../img/back.png);
    background-repeat:no-repeat;
    background-position:center bottom;
	border-width:10px 1px 10px 1px; 
	border-style:solid;
	border-color: #990000;
}

#content-area{
padding:0 30px 0 30px;
}

p{
	line-height: 170%;
}

ul{
	padding:0 0.5em;
	margin:0;
}

ul ul {
	padding-left: 1em;
	margin-left: 1em;
}

ul li {
	list-style-type:none;
	padding-left:12px;
	padding-bottom:10px;
	background-image: url("../img/dot.png");
	background-repeat: no-repeat;
	background-position: 0 0.40em;
}

.rightside {  
	text-align: right;  
} 

img {
	border-style:none;
}

h1,h2,h3,h4,p,ul,#postmail{
	margin-bottom:20px;
}

h1{
	font-size:130%;
	border-width:0 0 1px 10px; 
	border-style:solid;
	border-color: #cc6666;
	padding-left:10px;
	clear:both;
}

h2{
	font-size:110%;
	border-width:0 0 0 5px; 
	border-style:solid;
	border-color: #c66;
	padding-left:14px;
	clear:both;
}

h3{
	font-size:100%;
	background-image: url("../img/h3_dot.png");
	background-repeat: no-repeat;
	background-position: 0 0.40em;
	padding-left:14px;
	color: #cc6666;
}

th h3{
	margin:0;
}

.text-center{
	text-align: center;
}
.commentlink a{
	font-size:14px;
	padding-left:30px;
}

.hyou_midasi{
	background:#ccccff;	
}

strong.accent{
	text-decoration:underline;
}

.font_red{
	color:red;
}

.img_right{
	float:right;
	margin:0 30px;
}


/*グローバルナビ*/

#GlobalNavi ul{
	padding:0 0 50px 0;
	margin:0;
}

#GlobalNavi ul  li{
	padding:0;
	list-style-type:none;
	height:30px;
	float:left;
}
#GlobalNavi ul  li a{
	display:block;
	height:100%;
	text-indent:-9999px;
}
#GlobalNavi ul  li a:focus{
/*\*/
	overflow: hidden;
/**/
}

/*home*/
li.g_home{
	width:130px;
}
li.g_home{
	background:url(../img/gnavi_01_a.png);
}
li.g_home a{
	background:url(../img/gnavi_01_b.png);
}

/*基本*/
li.g_kihon{
	width:87px;
}
li.g_kihon{
	background:url(../img/gnavi_02_a.png);
}
li.g_kihon a{
	background:url(../img/gnavi_02_b.png);
}
.kihon_contents_space{
margin-left:15px;
}


/*YESメソッドとは*/
li.g_yes{
	width:119px;
}
li.g_yes{
	background:url(../img/gnavi_03_a.png);
}
li.g_yes a{
	background:url(../img/gnavi_03_b.png);
}

/*発音記号大辞典*/
li.g_daijiten{
	width:114px;
}
li.g_daijiten{
	background:url(../img/gnavi_04_a.png);
}
li.g_daijiten a{
	background:url(../img/gnavi_04_b.png);
}

/*教材*/
li.g_kyouzai{
	width:60px;
}
li.g_kyouzai{
	background:url(../img/gnavi_05_a.png);
}
li.g_kyouzai a{
	background:url(../img/gnavi_05_b.png);
}

/*コラム*/
li.g_column{
	width:60px;
}
li.g_column{
	background:url(../img/gnavi_06_a.png);
}
li.g_column a{
	background:url(../img/gnavi_06_b.png);
}

/*アルバム*/
li.g_album{
	width:74px;
}
li.g_album{
	background:url(../img/gnavi_07_a.png);
}
li.g_album a{
	background:url(../img/gnavi_07_b.png);
}

/*リンク*/
li.g_links{
	width:104px;
}
li.g_links{
	background:url(../img/gnavi_08_a.png);
}
li.g_links a{
	background:url(../img/gnavi_08_b.png);
}

#GlobalNavi ul  li a:hover{
	background:none !important;
}
/*グローバルナビ　終わり*/

/*発音の基本もくじ*/
#kihon_contents{
	margin:0 30px 0 0;
}

#kihon_contents ul {
	list-style:none;
	padding:0;

}

#kihon_contents ul li {
	float:left;
	margin-bottom:20px;
}

/*定義リスト　赤枠*/
.akawaku{
	padding:0;
	margin:0;
}

.akawaku{
	background-color: #fff1f1;
	margin:0 2em 2em 2em;
	padding: 15px;
	border: dashed 1px #c36;
}

.akawaku dt{ font-weight: bold;
	margin: 5px 2px;
	padding-bottom: 2px;
	padding-left: 7px;
	/*border-left: 5px solid #ccc;*/
	background-image: url("../img/h3_dot.png");
	background-repeat: no-repeat;
	background-position: 0 0.40em;
	padding-left:14px;
}

.akawaku dd {
	margin:0 0 0 15px;
	padding: 0 0 10px 0;
}

.akawaku dl{
	margin: 0 1em;
	padding: 0 10px;
	border:none;
}

.akawaku dl dt{
	margin: 0 2px;
	padding-bottom: 0;
	font-weight: bold;
	background-image: url("../img/dot.png");
	background-repeat: no-repeat;
	background-position: 0 0.40em;
	padding-left:14px;
}

.akawaku dl dl dd {
	margin: 0 10px;
	padding: 0 0 10px 0;
}

hr{ 
   border-width: 1px 0 0;
   border-style: dashed;
   height: 1px;
   width: 690px;
 }

#footer{
	margin-top:20px;
 }
 
#footer a{
	background-image: url("../img/mail.png");
	background-repeat: no-repeat;
	padding-left:25px;
 }


table.table-layout{
	margin:0 ;
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.table-layout th{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#330000;
    background-color:#ffcc99;
    padding:0.3em 1em;
}

.table-layout td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 1em;
}

table,th,td{
    border:1px solid #663300;
}

table caption{
	text-align: left;
	font-weight: bold;
}

table.table-layout ul{
margin-top:10px;
}

/*定義リスト　赤枠*/
#links{
	padding:0;
	margin:0;
}

#links{
	margin:0 2em 0 2em;
}

#links dt{ font-weight: bold;
	margin: 0 2px;
	padding-bottom: 2px;
	padding-left: 7px;
	/*border-left: 5px solid #ccc;*/
	background-image: url("../img/h3_dot.png");
	background-repeat: no-repeat;
	background-position: 0 0.40em;
	padding-left:14px;
}

#links dd {
	margin:0;
	padding: 0 0 10px 0;
}

#links dl{
	margin: 0 1em;
	padding: 0 10px;
	border:none;
}

#links dl dt{
	font-weight: bold;
	background-image: url("../img/dot.png");
	background-repeat: no-repeat;
	background-position: 0 0.40em;
}

#links dl dd {
	margin: 5px 10px 0 10px;
	padding: 0 0 10px 0;
	font-size:80%;
	line-height: 170%;
}

#cyosakuken{
	color:white;
}

#cyosakuken a{
	color:white;
}