/* CSS Document */

*{
	margin:0; padding:0;border:0;
}
img{
	border:0;
}

table,div{
	margin:auto;
}

body
{
	text-align:center;
	background-color: #f3fff7;
}

/*■レイアウトセレクタ*/
.CNT{
	text-align:center;
	
}
.L{
	text-align:left;
	
}
.R{
	text-align:right;
}


/*■基本レイアウト*/
#container{
	width:800px;
	margin:auto;
	text-align:left;
	background-color: #fafffa;
}

/*■メニュー項目----------------------------*/
ul#pulldown-menu a {
        color: #009b8e;
        text-decoration: none;
        background: #e1fff6;
}

ul#pulldown-menu a:hover,
ul#pulldown-menu a:active {
        color: #e1fff6;
        text-decoration: none;
        background: #87e5c7;
}

ul#pulldown-menu li {
        float: left;
        position: relative;
        margin:0 2px 0 2px;
        width: 156px;
        height: 40px;
        font-weight: bold;
        line-height: 40px;
        font-size:16px;
        list-style-type:none;
}
ul#pulldown-menu li a {
        display: block;
        width: 156px;
        height: 40px;
        text-align: center;
}

/* 下層のメニューを不可視に */
ul#pulldown-menu li ul {
        display: none;
}

/* 疑似要素 :hover で下層のメニューを可視に */
ul#pulldown-menu li:hover ul {
        display: block;
        position: absolute;
        z-index: 100;
}

ul#pulldown-menu li ul li {
        float: none;
        margin: 0;
        font-weight: normal;
}

/* --------------------------------------- */

#contents{
	margin:10px;
	clear:left;
	zoom:100%;
	
}

#contents:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	
}	

#foot_up{
	background:url(img/line_02.gif) no-repeat bottom;
	clear:both;
	height:32px;
	margin:0 0 0 0;
	
}
#copy{
	height:20px;
	font-size:10px;
	text-align:right;
	color:#333333;
	padding:2px;
	margin:4px 0 0 0;
	
}
#copy a{
	color:#333333;
	text-decoration:none;
	
}
#copy a:hover{
	color:#333333;
}

/***トップ***/
#top{}
#top_btm{
	zoom:100%;
}
#top_btm:after{
	content: "";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	
}
#top div#left{
	float:left;
	width:440px;
	margin:20px 0 0 0;
	
}
#top div#left h3{
	font-size:12px;
	
}
#top div#left div#info{
	background:url(img/top/bg_info.gif) no-repeat;
	width:440px;
	height:201px;
	
}
#top div#left div#info div#main{
	overflow:auto;
	height:198px;
	margin:2px 1px 1px 0;
	
}
#top div#left div#info div#main h4{
	margin:8px 10px 0 10px;
	font-size:100%;
	color:#003366;
	
}
#top div#left div#info div#main p{
	margin:4px 10px 0 10px;
	
}

    
#top div#right{
	float:left;
	width:338px;
	margin:20px 0 0 18px;
	
}
#top div#right div#bnr_sps{}
#top div#right div#bnr_sps p{
	margin:0 0 6px 0;
	border:solid #000000;
	border-width:2px 1px 1px 1px;
	
}
#top div#right div#bnr_sps p a{
	background:url(img/top/bg_bnr_anc.gif) no-repeat center top;
	display:block;
	width:336px;
	height:108px;
	filter:alpha(opacity=80); /*IE*/
	-moz-opacity:0.80; /*FF*/
	vertical-align:bottom;
	font-size:14px;
	line-height:30px;
	text-decoration:none;
	text-align:right;
	color:#000000;
	
}
#top div#right div#bnr_sps p a:hover{
	filter:alpha(opacity=50); /*IE*/
	-moz-opacity:0.50; /*FF*/
	
}
#top div#right div#bnr_sps p.bnr01{
	background:url(img/top/bnr01.jpg) no-repeat center;
	
}
#top div#right div#bnr_sps p.bnr02{
	background:url(img/top/bnr02.jpg) no-repeat center;
	
}

/***その他のページ***/
#other_page{}

#other_page h4{
	background:url(img/bg_h3_01.gif) no-repeat center left;
	text-indent:15px;
	font-size:120%;
	line-height:1.0em;
	vertical-align:top;
	color:#003366;
	margin:16px 0 0 0;
	
}
#other_page h5{
	font-size:100%;
	line-height:1.0em;
	vertical-align:top;
	margin:14px 0 0 0;
	color:#003366;
	
}	
#other_page div.typeA{
	}
#other_page div.typeA p{
	margin:8px 0 16px 0;
	line-height:180%;
	
}
#other_page div.typeB{
	zoom:100%;
	
}
#other_page div.typeB:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	
}
#other_page div.typeB p{
	margin:8px 0 10px 0;
	line-height:180%;
	
}	
#other_page div.typeB div.left{
	float:left;
	width:370px;
	
}
#other_page div.typeB div.right{
	float:right;
	width:370px;
	margin:0 0 0 20px;
	
}

#other_page p.margin_none{
	margin:0;
	
}
#other_page p{
	margin:6px 0 0 0;
	
}

/******************************************************************************************************/

table.def 
{
}
caption.def{ color:#66b7ff;
             font-size:130%;
             font-weight:bold;
             text-decoration:underline;
}

.def th { background-color: aliceblue; }

.def td,th {
	padding:20px;
}

table.in
{
    margin:0px;
}
/* ********************************************* */
table.sen
{}
.sen tr,th,td
{
    text-align:left;
    padding:10px;
    border-bottom:1px solid lightsteelblue;}
    
    
/* ********************************************* */
table.waku {
    border-top:1px solid lightsteelblue;
    border-left:1px solid lightsteelblue;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    margin:0px;
}
.waku th{
    border-right:1px solid lightsteelblue;
    border-bottom:1px solid lightsteelblue;
    color:#330000;
    background-color:aliceblue;
    
    background-position:left top;
    text-align:center;
}
.waku td{
    border-right:1px solid lightsteelblue;
    border-bottom:1px solid lightsteelblue;
    padding:5px;
}
/* ********************************************* */
p.title
{
    font-size: 170%;
    color:#4abcb3;
    margin:10px;
    padding:20px;
    text-align:center;
    
}
    
.red
{
    font-size: 90%;
    color:Red;
}

div.left{
	float:left;
	width:800px;
	margin:0 0 0 0;	
}

h3.txt
{
    margin:20px 0 20px 0;color:Olive;}
p.txt
{
    clear: left;
    margin:20px 0 20px 0; line-height:30px;}
/* ********************************************* */    
div.imagebox
{
    margin:0 auto;
    margin-top:20px;
    margin-bottom:20px;
}

p.image, p.caption 
{
    text-align:center;
    margin:5px;
}

p.caption
{
    font-size:80%;
    color:steelblue;
}
div.imagebox2{
   width: 310px; /* 横幅 */
   float: left; /* 左に配置 */
   margin: 5px; /* 周囲の余白 */
   position:relative;
   left:70px;
}


/* ********************************************* */
hr
{
   color: Silver;
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   margin-top: 10px;
   margin-bottom: 10px;
    height: 1px; /* 高さ */
}

hr.dash
{
    border-style:dashed;
}

hr.futo
{
    color:#2e4392;
    border-width: 5px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   margin-top: 10px;
   margin-bottom: 10px;
    height: 5px; /* 高さ */
    }

/* ********************************************* */
div.quotation
{width:600px; border:1px dashed #bdb76b; background-color:#fff8dc;}
p.quotation
{margin:5px 30px 5px 30px;
 font-size:80%;
 }
 /* ********************************************* */
 
 P.left{

FLOAT: left;
MARGIN: 20px 0px 0px 10px;
PADDING: 0px 2px 0px 2px;
WIDTH:40%;
text-align:right;
}

P.right{

FLOAT:right;/*文字の回りこみ*/
MARGIN: 20px 10px 0px 5px;/*外側余白*/
PADDING: 0px 2px 0px 2px;/*内側余白*/
WIDTH: 40%;/*幅*/
text-align:left;
}
p.left A:VISITED{text-decoration:underline ;}
p.left A:link{text-decoration:underline ;}
p.left A:ACTIVE{text-decoration:underline ;}

p.right A:VISITED{text-decoration:underline ;}
p.right A:link{text-decoration:underline ;}
p.right A:ACTIVE{text-decoration:underline ;}
 /* ********************************************* */

a:link {
    color: black;
}
a:visited { color: black; }
a:hover { color: black; }
a:active { color: black; }



a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}