@charset "UTF-8";
@import "base.css";

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px      77%                 */
/*                   11px      85%                 */
/*                   12px      93%                 */
/*                   14px     108%                 */
/*                   16px     124%                 */
/*                                                 */
/*===============フォントサイズ換算-END============*/



/*---------- 01  Base -----------*/

/*-- 冒頭の @import で外部CSSを読み込み --*/


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

body { 
   background:#378C40 url(../images/body_bg.jpg) top repeat-x; }

#wrapper {
	background:url(../images/wrapper_bg.png) repeat-y;
	width: 860px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}

#main {
	padding:0;
	margin: -6px 0 10px 0;
	}
* html #main {
	margin: 0 0 10px 0;
	}
*:first-child+html #main {
	margin: 0 0 10px 0;
    }
	
#content {
	width: 760px;
	font-size: 100%;
	line-height: 1.4;
	color: #646663;
	margin:0 auto;
	background:#fff;
	padding:0;
	}
* html #content {
	margin:0 0 0 50px auto;
    }

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

#header {
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
	height: 90px;
	width: 760px;
	margin: 0 auto;
	padding: 0;
	}
* html #header {
	margin:0 0 0 50px auto;
    }

h1{
    width:758px;
    color:#FFF;
    text-align:left;
    line-height:1em;
    text-indent:5px;
    margin:0 auto;
    padding:4px;
    font-size:98%;
    }

* html h1{
    margin:0  0 0 50px auto;
    } 

h2{
    float:left;
    width:380px;
    height:70px;
    text-indent:-9999px;
    margin-left:3px;
    }

h2 a {
	display: block;
	width: 380px;
	height: 70px;
	background: url(../images/h1.jpg) 0 0 no-repeat;
	}


#header .mail_magagin {
	width:193px;
	height:37px;
	margin: 0 0 0 396px;
	padding: 49px 0 0 0;
	}

* html #header .mail_magagin {
	margin: 0 0 0 394px;
	}

#header .mail_magagin a {
	display: block;
	width:193px;
	height:37px;
	background: url(../images/header_mail_magagin.png) 0 0 no-repeat;
	text-indent: -9999px;
	}

#header .mail_magagin a:hover {
	background: url(../images/header_mail_magagin.png) 0 -37px no-repeat;
	}

#pkup{
    background:url(../images/pkup_bg.jpg) 0 0 no-repeat;
    width:860px;
    height:400px;
    margin:0 0 0 0 auto:
    padding:0;
    }
    
#pkup ul {
    margin:0;
    padding:0;
    }
#pkup li {
	float: left;
	text-indent: -9999px;
	list-style: none;
	line-height:0px;
	margin: 0;
	padding: 0;
	}
#pkup li a {
	display: block;
	}
#pkup01{
    background:url(../images/pkup_bg.jpg) 0 0 no-repeat;
    }
#pkup01 a {
    background: url(../images/pkup01.jpg) 0 0 no-repeat;
    width: 288px;
    height: 176px;
    margin:218px 0 0 2px;
    }
#pkup02 a {
    background: url(../images/pkup02.jpg) 0 0 no-repeat;
    width: 311px;
    height: 41px;
    margin:348px 0 0 190px;
    }
#pkup01 a:hover {
	background: url(../images/pkup01.jpg) 0 -176px no-repeat;
    width: 288px;
    height: 176px;
	}
#pkup02 a:hover {
	background: url(../images/pkup02.jpg) 0 -41px no-repeat;
    width: 311px;
    height: 41px;
	}

/*----------04  Navigation -----------*/

#nav {
	float:left;
	width: 758px;
	height: 37px;
    background:url(../images/nav_bg.png) 0 0 no-repeat;
	padding:0 0 0 4px;
	margin:8px 0 8px 0;
	list-style: none;
	}

#nav ul {
	padding: 0;
	margin:0;
	list-style: none;
    }

#nav .internal li {
	height: 37px;
	padding:0;
	margin:0;
	float:left;
	text-indent: -9999px;
	list-style: none;
	}

#nav .internal li a {
	display: block;
	height: 37px;
	}
	
#nav01 { width:150px; }
#nav02 { width:150px; }
#nav03 { width:150px; }
#nav04 { width:150px; }
#nav05 { width:150px; }
	
#nav01 a { background: url(../images/nav.png) 0 0 no-repeat; }
#nav02 a { background: url(../images/nav.png) -150px 0 no-repeat; }
#nav03 a { background: url(../images/nav.png) -300px 0 no-repeat; }
#nav04 a { background: url(../images/nav.png) -451px 0 no-repeat; }
#nav05 a { background: url(../images/nav.png) -602px 0 no-repeat; }

#nav01 a:hover { background: url(../images/nav.png) 0 -37px no-repeat; }
#nav02 a:hover { background: url(../images/nav.png) -150px -37px  no-repeat; }
#nav03 a:hover { background: url(../images/nav.png) -300px -37px  no-repeat; }
#nav04 a:hover { background: url(../images/nav.png) -451px -37px  no-repeat; }
#nav05 a:hover { background: url(../images/nav.png) -602px -37px  no-repeat; }

#nav p { text-align: center; }


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

.section { padding: .5em 0 0 15px; }
.section .section { padding: .5em 15px 0 0; }

p.center { text-align: center; }

#content h2 {
	height: 29px;
	text-indent: -9999px;
	}
#content h3 {
	clear: both;
    height:28px;
    width:745px;
	text-indent: -9999px;
	margin: 0 0 5px 8px;
	}
	
	
#content h4 {
	height: 35px;
	width:715px;
	text-indent: -9999px;
	}

#content h5 {
	text-indent: -9999px;
	}

#content ul li {
	list-style: none;
    background:url(../images/li_bg_s.png) 3px 5px no-repeat;
	padding-left: 20px;
	}
#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}

#content dt { font-weight: bold; }

#content a { text-decoration: underline; }
a {
	color: #028eaf;
	outline: none;
	}
a:hover { color: #de91a2; }

#content blockquote {
	margin: .5em;
	background: url(../images/blockquote_bg.jpg) top left repeat-y;
	padding: .5em 1em;
	}

.image_l  {
	float: left;
	margin: 0 16px 16px 0;
	}

.image_r {
	float: right;
	margin: 0 0 16px 15px;
	}

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.png) center center no-repeat;
	}
.case img {
	display: block;
	}

.case .caption {
	text-align: center;
	border-top: 2px solid #ccc;
	}
.caption {
	text-align: center;
	border-top: 2px solid #ccc;
	}

#content ul.totop {
	clear: both;
	}

#content ul.totop li {
	list-style: none;
	width: 112px;
	height: 35px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	float: right;
	background-image: none;
	}
#content ul.totop li a {
	display: block;
	height: 35px;
	background: url(../images/totop.png) 0 0 no-repeat;
	}

p.caution {
	padding-left: 24px;
	background: url(../images/caution.jpg) 0 1px no-repeat;
	}

/* Hides from IE-mac \*/
p.answer:first-letter {
	display: block;
	padding: 2px;
	background: #4499af;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #ccc;
	margin: 0 5px 0 0;
	float: left;
	}
/* End hide from IE-mac */


#top_img p{
    margin:0;
    padding:0;
    line-height:0px;
    }      

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

#footer {
    width:760px;
    clear:both;
    padding-bottom:4px;
	background:#fff url(../images/footer_bg.png) top no-repeat;
	}
#footer a {
	text-decoration: none;
	color: #006600;
	}
#footer a:hover { 
    text-decoration: underline;
    color: #ccc;
    }

#footer address {
    margin: 11px 1em; 
	padding:18px 0 0 0;
	text-align: right;
    }

* html #footer address {
	padding:8px 0 0 0;
    }
*:first-child+html #footer address {
	padding:8px 0 0 0;
    }
   
/*-------- 07  Index --------*/
#index h3#title01 {background:url(../images/index_h3-01.png) 0 0 no-repeat;}
#index h4#title02 {background:url(../images/index_h4-02.png) 0 0 no-repeat;}
#index h4#title03 {background:url(../images/index_h4-03.png) 0 0 no-repeat;}
#index h4#title04 {background:url(../images/index_h4-04.png) 0 0 no-repeat;}
#index h4#title05 {background:url(../images/index_h4-05.png) 0 0 no-repeat;width:347px;height:33px;}
#index h5#title06 {background:url(../images/index_h5-06.png) 0 0 no-repeat;width:345px;height:139px;}
#index h4#title07 {background:url(../images/index_h4-07.png) 0 0 no-repeat;width:347px;height:33px;}
#index h5#title08 {background:url(../images/index_h5-08.png) 0 0 no-repeat;width:345px;height:60px;}
#index h4#title09 {background:url(../images/index_h4-09.png) 0 0 no-repeat;width:347px;height:33px;}
#index h4#title10 {background:url(../images/index_h4-10.png) 0 0 no-repeat;width:347px;height:33px;}

#index .img_step{
    padding-bottom:5px;
    }

#index .ban_official{
    width:737px;
    height:103px;
    text-indent:-9999px;
    }
#index .ban_official a{
	display: block;
    background: url(../images/ban_official.png) 0 0 no-repeat;
    width:737px;
    height:103px;
	text-indent: -9999px;
	}
#index .ban_official a:hover {
    background: url(../images/ban_official.png) 0 -103px no-repeat;
    }
#index #content .mail_magagin{
    width:210px;
    height:50px;
    text-indent:-9999px;
    float:right;
    margin-right:10px;
    }
* html #index #content .mail_magagin{
    margin-right:4px;
    }    
#index #content .mail_magagin a{
	display: block;
    background: url(../images/mail2.png) 0 0 no-repeat;
    width:210px;
    height:50px;
	text-indent: -9999px;
	}
#index #content .mail_magagin a:hover {
    background: url(../images/mail2.png) 0 -50px no-repeat;
    }

#index .alpha{
    float:left;
    width:345px;
    margin:0 36px 0 0;
    }
#index .beta{
    float:left;
    width:345px;
    }

#index .text_point {
    background: #F7FAF8 url(../images/text_gr_hd.gif) top no-repeat;
    width:490px;
    }
   
#index .text_point p {
    color:#005353;
    background: url(../images/text_gr_bg.gif) bottom no-repeat;
    padding:5px 20px 5px 20px;
    }
    
* html #index .text_point {
    background: url(../images/text_gr_hd.gif) top no-repeat;
    }
*:first-child+html #index .text_point {
    background: url(../images/text_gr_hd.gif) top no-repeat;
    }
* html #index .text_point p {
    background: #F7FAF8 url(../images/text_gr_bg.gif) bottom no-repeat;
    }
*:first-child+html #index .text_point p {
    background:  #F7FAF8 url(../images/text_gr_bg.gif) bottom no-repeat;
    }


#index .point1{margin-top:15px;}
#index .point2{margin-top:25px;}
#index .point3{margin-bottom:20px;}
#index .point3_img{margin-top:30px;}

#index .text_pk {
    background: #FFF9F7 url(../images/text_pk_hd.gif) top no-repeat;
    width:345px;
    margin-bottom:10px;
    }
#index .text_pk p {
    background: #FFF9F7 url(../images/text_pk_bg.gif) bottom no-repeat;
    padding:5px 20px 5px 20px;
    }

#index .text_pk img{
    margin-bottom:10px;
    } 

* html #index .text_pk {
    background: url(../images/text_pk_hd.gif) top no-repeat;
    }
*:first-child+html #index .text_pk {
    background: url(../images/text_pk_hd.gif) top no-repeat;
    }
* html #index .text_pk p {
    background: #FFF9F7 url(../images/text_pk_bg.gif) bottom no-repeat;
    margin:0;
    }
*:first-child+html #index .text_pk p {
    background:  #FFF9F7 url(../images/text_pk_bg.gif) bottom no-repeat;
    margin:0;
    }

#index .text_strong{
    background: url(../images/strong_bg.png) top no-repeat;
    width:345px;
    height:299px;
    margin-bottom:20px;
    color:#9C4D00;
    }
#index .text_strong p{
    margin:0;
    padding:10px 20px 5px 20px;
    }

#index .text_map{
    background: url(../images/map_bg.png) top no-repeat;
    width:345px;
    height:299px;
    }
#index .text_map dl{
    margin:0;
    padding:10px 0 0 15px;
    }   
#index .text_map dt{
    font-weight:normal;
    text-indent:14px;
    background:url(../images/map_li_bg.png) 0 1px no-repeat;
    }
#index #link {
	width: 676px;
	height: 68px;
    background:url(../images/link.jpg) 0 0 no-repeat;
	}
#index #link ul,
#index #link li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#index #link li {
	height: 68px;
	float: left;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
	list-style: none;
	}
#index #link  li a {
	display: block;
	height: 68px;
	padding: 0;
	margin: 0;
	}

#index #link #link01 { width:224px; }
#index #link #link02 { width:224px; }
#index #link #link03 { width:224px; }
	
#index #link #link01 a { background: url(../images/link.jpg) 0 0 no-repeat; }
#index #link #link02 a { background: url(../images/link.jpg) -224px 0 no-repeat; }
#index #link #link03 a { background: url(../images/link.jpg) -448px 0 no-repeat; }

#index #link #link01 a:hover { background: url(../images/link.jpg) 0 -68px no-repeat; }
#index #link #link02 a:hover { background: url(../images/link.jpg) -224px -68px  no-repeat; }
#index #link #link03 a:hover { background: url(../images/link.jpg) -448px -68px  no-repeat; }