/* */

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,p,blockquote,table,th,td{
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------
●total
--------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic", sans-serif;
	font-size: 100%;
	color: #111;
	text-align: center;
}

h1 {
	font-weight: bold;
	font-size: 94%;
	color: #FF0000;
	text-align: left;
	margin: 20px 35px 5px 35px;
	padding: 0;
}

h1.sub {
	font-weight: bold;
	font-size: 94%;
	color: #FF0000;
	text-align: left;
	margin: 20px 35px 5px 0;
	padding: 0;
}

h2 {
	font-weight: bold;
	font-size: 81%;
	color: #FF0000;
	text-align: left;
	margin: 20px 35px 5px 35px;
	padding: 0;
}


h3 {
	margin: 20px 0 0 0;
	font-weight: bold;
	color: #ba2636;
}



ol, ul {
	line-height: 180%;
}

p {
	line-height: 1.3em;
	margin-bottom: 1em;
}


blockquote {
	margin: 0;
	padding-left: 20px;
	border-left: 10px solid #E6E6E6;
	font-style: ;
	color: #999999;
}



a {
	color: #111;
	text-decoration: none;
}

a:hover { 
     color: #c00;
	text-decoration: underline;
}


a:hover img.fil {
        opacity: 0.8;
        filter: alpha(opacity=80);
}


hr {
	display: none;
}

.cl{
clear: both;
}


.del{ text-decoration:line-through;}


.url {
padding-right: 18px;
margin-right: 2px;
background: transparent url(../image/allowwind16.png) no-repeat 100% 45%;
}



p.ts11 { font-size: 88%;}

p.ts8 { font-size: 63%;}
p.ts5 { font-size: 40%;}

.box {
border: 1px solid #cccccc;
margin: 10px 0 5px 0;
padding: 10px;
background: #eee;
line-height:1.7em;
}



/*------------------------------------------------------------
img
-------------------------------------------------------------*/
img {
	border: none;
}

/*------------------------------------------------------------
color・・・フォントカラー
-------------------------------------------------------------*/
.itempink{ color: #e9546b!important; font-weight: bold; }/*ピンク色*/
.black{ color: #000!important; }/*黒色*/
.red{ color: #cc0000!important; }/*赤色*/
.blue{ color: #000099!important; }/*青色*/
.green{ color: #008000!important; }/*緑色*/
.yellow{ color: #ffff00!important; }/*黄色*/
.navy{ color: #1F26A9!important; }/*紺色*/
.gray{ color: #ccc!important; }/*灰色*/
.orange{ color: #ff6600!important; }/*橙色*/
.purple{ color: #660099!important; }/*紫色*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/

/*------------------------------------------------------------
●valign・・・文字の縦位置
-------------------------------------------------------------*/
.al-c{ text-align: center!important; }/*中央寄せ*/
.al-r{ text-align: right!important; }/*右寄せ*/
.al-l{ text-align: left!important; }/*左寄せ*/

.vl-t{ vertical-align: top!important; }
.vl-m{ vertical-align: middle!important; }
.vl-b{ vertical-align: bottom!important; }

/*------------------------------------------------------------
●structure
-------------------------------------------------------------*/

.structure {
    width: 900px;
    height: auto;
    margin: 0 auto;

}


/*------------------------------------------------------------
●Header
-------------------------------------------------------------*/

#header {
        position: relative;
        height: 125px;
        margin-top: 5px;
        background: url(../image/headertitle.png) no-repeat;
        }

/* Logo */

#logo{
        position: absolute;
        top: 15px;
        left: 20px;
        
}

#logobn a {
	text-decoration: none;
}


#headerart {  
        width: 900px;
        margin: 0 auto;
  clear: both;
	padding: 0;
}

  
#top-navi { 
       font-size: 15px;
       height: 15px;
       position: absolute; 
        top: 8px;
        left: 635px;
        margin: 0;
        padding: 0 5px;
        width: 240px;
        clear: both;
}

.top-menu{
font-size: 69%;
font-family:Arial,Verdana,Helvitica,sans-serif;
}

.top-menu li {
    display: inline;
    color: #333;
	margin: 0 3px;
}

.top-menu li a {
	padding: 0;
	color: #333;
	text-decoration: none;
}

.top-menu li a:hover {
    color: #c00;
	text-decoration: underline;
}


.top-menu ul li.current a
{color: #c00;}


/* Menu */

#global-menu {
    position: absolute;
    display: block;
    width: 490px;
    height: 26px;
    top: 99px;
    left: 300px;
    z-index: 20;
    margin: 0;
}

#global-menu em {
    float: left;
    list-style: none;
    text-indent: -9999px;
}

#global-menu a {
    text-decoration: none;
    display: block;
    background: url(../image/g-navi490.png);
    background-position: left top;
}


#global-menu01 a {
    width: 75px;
    height: 26px;
}

#global-menu02 a {background-position: -75px 0;
width: 60px;
    height: 26px;
}
#global-menu03 a {background-position: -135px 0;
width: 54px;
    height: 26px;
}
#global-menu04 a {background-position: -189px 0;
width: 47px;
    height: 26px;}
#global-menu05 a {background-position: -236px 0;
width: 54px;
    height: 26px;
}
#global-menu06 a {background-position: -290px 0;
width: 76px;
    height: 26px;
}
#global-menu07 a {background-position: -366px 0;
width: 59px;
    height: 26px;
}
#global-menu08 a {background-position: -425px 0;
width: 65px;
    height: 26px;
}


#global-menu01 a:hover {background-position: 0 -26px;
width: 75px;
    height: 26px;
}
#global-menu02 a:hover {background-position: -75px -26px;
width: 60px;
    height: 26px;
}
#global-menu03 a:hover {background-position: -135px -26px;
width: 54px;
    height: 26px;
}
#global-menu04 a:hover {background-position: -189px -26px;
width: 47px;
    height: 26px;
}
#global-menu05 a:hover {background-position: -236px -26px;
width: 54px;
    height: 26px;
}
#global-menu06 a:hover {background-position: -290px -26px;
width: 76px;
    height: 26px;
}
#global-menu07 a:hover {background-position: -366px -26px;
width: 59px;
    height: 26px;
}
#global-menu08 a:hover {background-position: -425px -26px;
width: 65px;
    height: 26px;
}


#global-menu01c a {
    width: 75px;
    height: 26px;
    background-position: 0 -52px;}
#global-menu02c a {background-position: -75px -52px;
width: 60px;
    height: 26px;
}
#global-menu03c a {background-position: -135px -52px;
width: 54px;
    height: 26px;
}
#global-menu04c a {background-position: -189px -52px;
width: 47px;
    height: 26px;
}
#global-menu05c a {background-position: -236px -52px;
width: 54px;
    height: 26px;
}
#global-menu06c a {background-position: -290px -52px;
width: 76px;
    height: 26px;
}
#global-menu07c a {background-position: -366px -52px;
width: 59px;
    height: 26px;
}
#global-menu08c a {background-position: -425px -52px;
width: 65px;
    height: 26px;
}




/*------------------------------------------------------------
●topics-container
-------------------------------------------------------------*/
#topics-container {
    width: 900px;
    background: #;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    zoom: 1;  
}




#topics-aside {
width: 260px;
height: auto;
float: right;
padding: 5px 0 0 0;
	margin: 0;
	background: #999;
    

}

#topics-aside p { 
font-size: 100%;
padding: 1px;
margin: 2px;
line-height: 120%;
text-align: left; 
color: ;
}

#topics-aside p.title { 
font-size: 100%;
padding: 1px;
margin: 2px;
line-height: 120%;
font-weight: bold;
text-align: left; 
color: ;
}


.highlight {
margin: 0;
padding: 0 0 0 0;
background: #666;
overflow: hidden;
zoom: 1;  
}

.highlight .left {
	float: left;
	width: 415px;
	margin: 5px 0px 5px 15px;
	background: #fff;
	 
}

.highlight .right {
	float: right;
	width: 190px;
	height: 215px;
    margin: 5px;
	background: #eee;
	
}




/*------------------------------------------------------------
●container
-------------------------------------------------------------*/
#container {
    width: 900px;
    background: #fff;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    zoom: 1;
}

#content {
    float: left;
	width: 630px;
	background: #fff;
	height: auto;
	padding: 5px 0;
	margin: 5px 0 0 0; 
	text-align: left; 
	
}


.topics-content {
	width: 630px;
	height: auto;
	padding: 0;
	margin: 0 0 5px 5px; 
	text-align: center; 
	
}

.topics-content p { 
font-size: 75%;
padding: 5px 5px 2px 5px;
margin: 5px;
line-height: 125%;
color: ;
}

.topics-content p.title { 
font-size: 75%;
padding: 5px;
margin: 5px;
line-height: 120%;
font-weight: bold;
text-align: left; 
color: ;
}


.section-a {
margin: 0 0 0 0;
padding: 0;
background: #fff;
overflow: hidden;
zoom: 1;  
}

.section-a .title {
	width: 610px;
	margin: 10px 0px 10px 15px;
	
}

.section-a .center {
	width: 610px;
	margin: 0 0px 5px 15px;
	background: #fff;
	 
}



.section-a1 {
margin: 10px 0 0 0;
padding: 0;
background: #fff;
overflow: hidden;
zoom: 1;  
}
.section-a1 .center {
	width: 610px;
	margin: 5px 0px 5px 15px;
	background: #fff;
	 
}

.section-a1bn {
margin: 5px 0 15px 0;
padding: 0;
background: #fff;
overflow: hidden;
zoom: 1;  
}
.section-a1bn .center {
	width: 610px;
	margin: 5px 0px 5px 15px;
	background: #fff;
	 
}

.section-a2 {
margin: 10px 0 0 0;
padding: 0;
background: #fff;
overflow: hidden;
zoom: 1;  
}

.section-a2 .left {
	float: left;
	width: 302px;
	margin: 5px 0px 5px 15px;
	background: #fff;
	 
}

.section-a2 .right {
	float: right;
	width: 302px;
	height: auto;
    margin: 5px;
	background: #fff;
	
}

.section-a3 {
margin: 10px 0 0 0;
padding: 0;
background: #fff;
overflow: hidden;
zoom: 1;  
}

.section-a3 .left3 {
	float: left;
	width: 416px;
	margin: 0 0px 5px 4px;
	background: #fff;
	 
}



.section-a3 .left3l {
	float: left;
	width: 199px;
	margin: 5px 0px 0px 10px;
	background: #fff;
	 
}

.section-a3 .left3r {
	float: right;
	width: 199px;
	margin: 5px 0px 0px 2px;
	background: #fff;
	 
}

.section-a3 .right3 {
	float: right;
	width: 199px;
    margin: 5px 5px 5px 0;
	background: #fff;
	
}


.section-b {
margin: 0;
padding: 0;
background: #fff;
overflow: hidden;
zoom: 1;  
}

.section-b .title {
	width: 610px;
	margin: 10px 0px 0px 15px;
	
}

.section-b .bn {
	width: 610px;
	margin: 20px 0px 5px 15px;
}



#content p { 
font-size: 75%;
padding: 5px 5px 2px 5px;
margin: 5px;
line-height: 125%;
color: ;
}

#content p.title { 
font-size: 75%;
padding: 5px;
margin: 5px;
line-height: 120%;
font-weight: bold;
text-align: left; 
color: ;
}


/*------------------------------------------------------------
●aside トップ右サイド
-------------------------------------------------------------*/

#aside {
width: 260px;
float: right;
padding: 0 0 5px 0;
	margin: 5px 0 0 0;
	background: #fff;
}


#aside p { 
font-size: 75%;
padding: 1px;
margin: 2px;
line-height: 120%;
text-align: left; 
}

#aside p.title { 
font-size: 75%;
padding: 1px;
margin: 2px;
line-height: 120%;
font-weight: bold;
text-align: left; 
color: ;
}

#aside p.str { 
font-size: 75%;
padding: 1px;
margin: 2px;
line-height: 120%;
text-align: left; 
color: #FF0000;
}

#aside p.titlestr { 
font-size: 75%;
padding: 1px;
margin: 2px;
line-height: 120%;
font-weight: bold;
text-align: left; 
color: #FF0000;
}

/*メ−ルマガジン登録*/
.mmbox {
width: 246px;
font-size: 13px;
margin: 15px 0 0 5px;
padding: 0; 
background: #fff;
}

.highlight {
width: 246px;
font-size: 13px;
margin: 8px 0 0 5px;
padding: 0; 
background: #fff;
}

.highlight2 {
font-size: 13px;
margin: 0;
padding: 0;
background: #;
overflow: hidden;
zoom: 1;  
}

.highlight2 .left {
	float: left;
	width: 70px;
	margin: 5px 0px 0 5px;
	background: #fff;
	 
}

.highlight2 .right {
	float: right;
	width: 170px;
	height: 70px;
    margin: 5px 10px 5px 0;
	background: #eee;
}

.highlight2 .right a, a:visited {
text-decoration: none;
}

.highlight2 .right a:hover, a:active {
color: #cc0000;
text-decoration: underline;
}


/* ニュース */
#aside .infobox {
	margin: 20px 5px 5px 5px;
	padding: 3px 3px 3px 5px;
	background: #ccc;
}

#aside .infobox p { 
font-size: 75%;
padding: 1px;
margin: 2px;
line-height: 120%;
text-align: left; 
}

#aside .infobox p.title { 
font-size: 75%;
padding: 1px;
margin: 2px;
line-height: 120%;
font-weight: bold;
text-align: center; 
color: ;
}

/* 新着情報 */
.news {
	margin: 20px 10px 15px 10px;
	text-align: left; 
}

.news h3 {  
        font-weight: bold;
        color: #000;
        font-size: 69%;
        margin: 0;	
}

.news dl { 
font-size: 63%;
}

.news dl.news-content dt { 
clear: both;
float: left;
width: 3em;
line-height: 1.5em;
margin: 0 5px 2px 1px;
padding: 0 0 0 1px;
color: #222;
}

.news dl.news-content dd { 
color: #222;
margin: 0 0 3px 4em;
padding: 0;
line-height: 1.5em;
}


.news dl.news-content dd a, a:visited {
text-decoration: none;
}

.news dl.news-content dd a:hover, a:active {
color: #cc0000;
text-decoration: none;
}

.news dl.news-content dd span {
background-color: #c00;
padding: 1px;
margin: 0 5px;
color: #fff;
}


/* link */
.links {
	margin: 20px 10px 10px 10px;
	text-align: left; 
}


/*------------------------------------------------------------
●about us
-------------------------------------------------------------*/
#content .info {
    width: 610;
	margin: 0 10px 15px 15px;
}

.info dl { 
font-size: 75%;
margin: 0 0px 0px 20px;
}

.info dl.info-about dt { 
clear: both;
float: left;
width: 8em;
line-height: 1.8em;
margin: 0 5px 5px 1px;
padding: 0 0 0 1px;
color: #000;
}

.info dl.info-about dd { 
margin: 0 0 5px 8.5em;
padding: 0;
line-height: 1.8em;
color: #000;

}


#aside .info {
    width: 81%;
	margin: 20px 0 0 0;
	padding: 0;
}




/*------------------------------------------------------------
table
-------------------------------------------------------------*/
table { 
        width: 100%;
        
        }

th { 
  padding-left: 1em;
       }

td {
   padding: 1em;
}

.design1 { 
        border-collapse: collapse;
        border: 1px solid #999999;
        }

.design1 th { 
        border: 1px solid #FFFFFF;
        color: #666666;
        background-color: #FFCCCC;
	    font-size: 81%;
	    text-align: center;
	    padding: 8px;
       }
        
.design1 td { 
         border: 1px solid #FFFFFF;
         background-color: #eeeeee;
         color: #333333;
         font-size: 81%; 
         padding: 8px;
       }



/* design3 */
.design3 { 
        border-collapse: collapse;
        border: 1px solid #666666;
        }

.design3 th { 
        border-bottom: 1px dotted #666666;
        background-color: #eeeeee;
        color: #000000;
	    font-size: 69%;
	    text-align: center; 
	    padding: 5px;
       }
        
.design3 td { 
          font-size: 69%;
          
       }

.design01 { 
        
        margin: 10px 0 0 15px;
        width: 610px;
        }

        
.design01 td { 
         
         font-size: 81%; 
         padding: 0 0 10px 0;
         margin: 0 0 10px 0;
       }


.design5 { 
        border-collapse: collapse;
        margin: 0  0 10px 12px;
        }
        
.design5 td { 
         
         color: #333333;
         font-size: 81%; 
         padding: 10px 10px 0px 10px;
       }

.design4i { 
        border-collapse: collapse;
        margin: 0  0 10px 12px;
        }
        
.design4i td { 
         
         color: #333333;
         font-size: 81%; 
         padding: 10px 5px 10px 12px;
       }
       
/*------------------------------------------------------------
●Path Navi Area
-------------------------------------------------------------*/

#path-navi { 
         width: 900px;
height: 22px;
background: #999;
display: block;
margin: 0 auto;
  clear: both;
}

.path-menu{
display:block;
height:20px;
font-size: 63%;
font-weight:bold;
font-family:Arial,Verdana,Helvitica,sans-serif;
}

.path-menu ul{margin:0px;padding:0;list-style-type:none;width:auto;}

.path-menu ul li {display:block;float:left;margin:0 1px 0 0;}

.path-menu ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:2px 10px 2px 10px;height:20px;
}

.path-menu ul li a:hover{color:#fff;
background: #ccc;
}

.path-menu ul li.current
{color: #FFFF; background: #ccc;}





/*------------------------------------------------------------
●Footer
-------------------------------------------------------------*/
#footer-wrapper {
    border-top: 8px solid #FF0000;
    width: 900px;
    background: #fff;
    margin: 0 auto;
    padding: 0 0 0 0;
    text-align: center;
    clear: both;
}



#footer {
    
	height: auto;
    padding-top: 5px;
	margin: 0 auto;
	text-align: left;
	color: #000;
	overflow: hidden;
	zoom: 1;
}



#address {
    text-align: left;
    margin-left: 10px;
	padding: 5px 5px 5px 10px;
	font-size: 69%;
	color: ;
}

#copy {
    text-align: left;
    padding-left: 20px;
    font-size: 56%;
}