@charset "UTF-8";


body{
background: url(../images/bg.gif);
margin: 0px;
padding: 0px 0px 30px 0px;
text-align: center;
font-size: 14px;
font-family:"ＭＳ Ｐゴシック";
color: #444;
}

h1,h2,h3,h4,h5,p,ul{
margin-top: 0px;
margin-bottom: 0px;
}

img{
border: 0px;
vertical-align: top;
}


/* Common Classes --------------------------------------- */

.img0{
font-size: 0px;
line-height: 0px;
}

.center{
text-align: center;
}

.text-right{
text-align: right;
}

/* Escape Error in Floating Block ----------------------- */

.esc:after{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0px;
}
* html .esc { display: inline-block; }
/* no ie mac \*/
* html .esc { height: 1%; }
.esc { display: block; }
/* */


/* Container -------------------------------------------- */

#container{
background: url(../images/bg_container.gif);
width: 780px;
margin: 0px auto;
padding: 0px 20px 20px 20px;
text-align: left;
}


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

#header{
background:#232323 url(../images/bg_header.gif) no-repeat 0px 100%;
height: 100px;
width: 780px;
margin-bottom: 10px;
font-size: 11px;
}

#header h1{
padding: 20px 0px 10px 15px;
}

#header p{
text-align: right;
padding-right: 10px;
}


/* Menu ------------------------------------------------- */

#menu{
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px;
width: 780px;
}

#menu li{
float: left;
}

.menu-item{
margin-right: 5px;
}


/* Footer ----------------------------------------------- */


#footer{
background: url(../images/bg_footer.gif) no-repeat;
width: 760px;
height: 50px;
padding: 15px 10px;
margin-top: 10px;
color: #fff;
font-size: 12px;
}

#footer a{
color: #fff;
}

#footer a:hover{
color: #33cccc;
text-decoration:none;
}

#footer-description,
#footer-address{
padding-left: 20px;
}

#footer-description{
background: url(../images/icon_star.gif) no-repeat;
margin-bottom: 10px;
}

#footer-address{
background: url(../images/icon_mail.gif) no-repeat;
font-style: normal;
}

#copyright,
#logodesign{
width: 820px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
padding-bottom: 10px;
text-align: left;
}



/* Page Layout --------------------------------------------- */

#pagebody-container{
background: url(../images/bg_contents.gif) repeat-y;
width: 780px;
}

#pagebody{
background: url(../images/bg_contents_bottom.gif) no-repeat 0px 100%;
width: 780px;
}

#pagebody-inner{
background: url(../images/bg_contents_top.gif) no-repeat;
width: 780px;
}

#left-menu,
#right-contents{
float: left;
}

#left-menu{
width: 170px;
padding: 10px;
margin-right: 10px;
}

#right-contents{
width: 560px;
padding:10px 10px 20px 10px;
font-size: 14px;
}


/* Left Menu -------------------------------------------- */

#left-menu ul{
margin:10px 0px 0px 0px;
padding: 0px;
list-style-type: none;
}

#left-menu a{
color: #fff;
background: url(../images/icon_leftmenu.gif) no-repeat 5px 8px;
text-decoration:none;
display: block;
width: 142px;
padding:10px 0px 9px 28px;
}


#left-menu a:hover{
color: #1596B7;
background: url(../images/icon_leftmenu_on.gif) no-repeat 5px 8px;
text-decoration:none;
}

.leftmenu-list-item{
list-style-type: none;
margin: 0px;
font-size: 12px;
display: inline;
}

.leftmenu-line{
font-size: 0px;
line-height: 0px;
background: url(../images/dotline_w.gif) repeat-x 0px 50%;
height: 1px;
}


/* Contents --------------------------------------------- */

.contents-header{
margin-bottom: 20px;
}

.contents-sbheader{
margin: 0px 0px 20px 15px;
}

.content-container{
margin: 0px 0px 30px 30px;
width: 530px;
background: #FCFFED;
}

.content-content{
background: url(../images/bg_content_bottom.gif) no-repeat 0px 100%;
}

.content-inner{
background: url(../images/bg_content_top.gif) no-repeat;
padding: 20px 20px 30px 20px;
line-height: 1.4;
}


/* Contents --------------------------------------------- */

#contents{
background:#232323 url(../images/bg_top_contents_bottom.gif) no-repeat 0px 100%;
}

#contents-inner{
background:url(../images/bg_top_contents_top.gif) no-repeat ;
padding-bottom: 20px;
}




/* Top Page --------------------------------------------- */

#logodesign{
text-align: left;
}

#i-mode a{
color :#fff;
}

#top-flash{
text-align: center;
padding: 50px 0px 50px 0px;
}


#top-info-container{
background: url(../images/bg_info_container.gif) no-repeat 0px 100%;
margin: 0px 0px 0px 19px;
width: 740px;
}

#top-info-container h2,
#top-info-content,
.top-info-body h3,
.top-info-body p{
float: left;
}

#top-info-content{
background: url(../images/bg_info_container_top.gif) no-repeat;
width: 580px;
padding: 23px 14px 9px 10px;
}

.top-info-body{
background: url(../images/dotline.gif) repeat-x 0px 100%;
padding-bottom: 2px;
width: 580px;
margin-bottom: 5px;
}

.top-info-body-b{
background: url(../images/dotline.gif) repeat-x 0px 100%;
padding-bottom: 2px;
margin-bottom: 5px;
}


.top-info-body h3{
width: 80px;
font-size: 14px;
font-weight: normal;
padding-left: 20px;
background: url(../images/point_info.gif) no-repeat 5px 3px;
}

.top-info-body p{
width: 480px;
}


/* Link Page -------------------------------------------- */


#link-header{
padding: 10px 10px 20px 10px;
}

.link-sbheader{
margin: 0px 0px 20px 40px;
}

.link-description{
margin: 0px 0px 30px 50px;
color: #fff;
}

#link-container{
margin-left: 60px;
width: 675px;
color: #fff;
padding-bottom: 30px;
font-size: 90%;
}

#link-container a{
color: #fff;
}

#link-container a:hover{
color: #33cccc;
text-decoration:none;
}

#link-container h4,
#link-container p{
float: left;
}

#link-container h4{
width: 270px;
font-size: 14px;
}

#link-container .esc{
padding-bottom: 20px;
width: 675px;
}


/* INFORMATION -------------------------------- */

.info-container{
color: #fff;
width: 700px;
margin-left: 40px;
background: url(../images/dotline_w.gif) repeat-x 0px 100%;
padding-bottom: 15px;
margin-bottom: 15px;
}

.info-container .esc{
width: 700px;
}

.info-container h3{ 
width: 150px;
float: left;
font-size: 14px;
line-height: 1.4;
}

.info-container img{ 
vertical-align: middle;
}

.info-container p{
width: 550px;
float: left;
line-height: 1.4;
}

#info-home{
text-align: center;
}