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

/*

==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* Tag
------------------------------------------------------------------------*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,caption,ul,ol,dl {
	font-size: 14px;
}
	
h1 {} /* Header内で設定 */
h3 { 
  height: 35px;
  background: url(../images/title01.jpg) 0 0 no-repeat;
  margin: 0;
  padding: 10px .7em 0 .7em;
  color:#fff;
  font-size: 18px;
  font-weight: bold;
  }

h3.type02 { 
  height: 45px;
  background: url(../images/title01-02.jpg) 0 0 no-repeat;
  }

h4 {
  height: 26px;
  background: url(../images/title02.jpg) 0 0 no-repeat;
  margin: 0;
  padding: .3em 0 0 .7em;
  color:#555;
  font-size: 16px;
  font-weight: bold;
  }
h4 span { font-size: 12px; }

h4.type02 { 
  height: 40px;
  background: url(../images/title02-02.jpg) 0 0 no-repeat;
  }

a { color: #f41; text-decoration: underline; }
a:hover,
a:active { color: #f96; }
a:visited {
}

#main ul {
  list-style: none;
  margin: 5px 8px;
 }
#main ul.style01 li {
  list-style: none;
  background: url(../images/li_bg01.jpg) 0 4px no-repeat;
  padding-left: 1em;
  }

dl.type01 {
  border: 2px solid #D6AD00;
  margin: 5px 10px 5px 0;
  padding: 3px 3px 5px 3px;
}
dl.type01 dt {
  margin: 0 0 5px 0;
  padding: .3em .5em;
  background: #FFF2BF;
  color: #895F00;
  font-weight: bold;
}
dl.type01 dd {
  margin: 0 5px;
  padding: 0 5px;
  font-size: 12px;
	line-height: 1.5;
	color: #A47604;
}

dl.type01 dd.mark,
dl.type03 dd.mark {
  margin: 0 5px;
  padding: 0 0 0 12px;
  background: url(../images/li_bg01.jpg) 0 4px no-repeat;
}

dl.type02 {
  margin: 5px 10px 5px 0;
  padding: 3px 3px 5px 3px;
}

dl.type01 dl.type02 {
  margin: 0px 10px 5px 0;
  padding: 0px 3px 5px 3px;
}

dl.type02 dt,
dl.type01 dt dl.type02 dt {
  margin: 5px 0 3px 0;
  padding: .2em .5em .1em .4em;
	background: #fff;
  color: #D97500;
  font-weight: bold;
  border-bottom: 1px solid #E49D49;
  }

dl.type02 dd {
  margin: 0 5px 4px;
  padding: 0 0 0 .2em;
  font-size: 12px;
	line-height: 1.5;
	color:#666;
  }

dl.type03 dt {
  margin: 5px 0 3px 0;
  padding: .3em .5em;
  background: #7FAF15 url(../images/dt_bg02.jpg) bottom repeat-x;
  color: #fff;
  font-weight: bold;
  }

dl.type03 dd {
  margin: 0 5px 4px;
  padding: 0;
  }

dl.type01 dd.attention {
  margin-top: 8px;
  font-size: 12px;
  color: #666;
  }

table {
  border: 1px solid #80b908;
  margin: 10px 5px;
}

th,
td {
  border: 1px solid #80b908;
}
th {
  background: #effed5;
  width: 25%;
  text-align: left;
  color: #555;
}
td {
}

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

#main p { 
  margin: 0 5px .7em;
  padding: 0;
  line-height: 1.5;
  }
*html body #main p { margin: 5px 5px .7em; }

.section { padding: 15px 15px 5px 20px; clear: both;}
.section .section { padding: 10px 5px 0 8px; clear: both; }

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

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }

.case img,
.case-narrow img,
.case-noimg img { display: block; }

ul.totop {
	clear: both;
	height: 20px;
	margin: 10px 0;
	padding: 5px 0;
}
ul.totop li {
	float: right;
	list-style: none;
}
ul.totop li a {
	display: block;
	width: 130px;
	height: 20px;
	background: url(../images/to_top.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	outline: none;
}
ul.totop li a:hover { background-position: bottom; }

#main .to_contact {
  clear: both;
  text-indent: -9999px;
  width: 540px;
  height: 135px;
  margin:  10px 0 0 20px;
  padding; 0;
  }

#main .to_contact a {
  display: block;
  width: 540px;
  height: 135px;
  background: url(../images/ban_contact.jpg) 0 0 no-repeat;
  }

#main .to_contact a:hover { background: url(../images/ban_contact.jpg) 0 -135px no-repeat;}

#main .to_contact02,
#main .to_contact03,
#main .to_contact04 {
  clear: both;
  text-indent: -9999px;
  width: 520px;
  height: 94px;
  margin:  10px 0 0 10px;
  padding; 0;
  }

#main .to_contact02 a,
#main .to_contact03 a,
#main .to_contact04 a {
  display: block;
  width: 520px;
  height: 94px;
  }

#main .to_contact02 a { background: url(../images/ban_contact02.jpg) 0 0 no-repeat; }
#main .to_contact02 a:hover { background: url(../images/ban_contact02.jpg) 0 -94px no-repeat;}

#main .to_contact03 a { background: url(../images/ban_contact03.jpg) 0 0 no-repeat; }
#main .to_contact03 a:hover { background: url(../images/ban_contact03.jpg) 0 -94px no-repeat;}

#main .to_contact04 a { background: url(../images/ban_contact04.jpg) 0 0 no-repeat; }
#main .to_contact04 a:hover { background: url(../images/ban_contact04.jpg) 0 -94px no-repeat;}

.point { font-weight: bold;}

.point02 { color:#FF612C; font-weight: bold;}

/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

body {
  background:#F7F7F7 url(../images/body_bg.jpg) top repeat-x;
  color: #555;
  text-align: center;
  padding : 0 0 20px 0;
}
#wrapper {
  width: 800px;
  margin: 0 auto;
  background: url(../images/wrapper_bg.jpg) 0 0 repeat-y;
}
#main {
  width: 580px;
  margin: 0px 0 20px;
  text-align: left;
  float: right;
}


/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
  width: 800px;
  height: 340px;
  margin: 0;
  text-align: left;
  background: url(../images/header_bg02.jpg) 0 0 no-repeat;
  position: relative;
}

#header h1 {
  font-size: 12px;
  color: #7CB55A;
  padding: .4em 0 0 .5em;
  }
 
#header #site_title {
  text-indent: -9999px;
  position: absolute;
  top: 20px;
  left: 0;
  }

#header #site_title a {
  display: block;
  width: 470px;
  height: 80px;
  }

#header .to_contact {
  position: absolute;
  top: 30px;
  right: 10px;
  text-indent: -9999px;
  margin: 0;
  padding; 0;
  }

#header .to_contact a {
  display: block;
  width: 275px;
  height: 62px;
  background: url(../images/ban_contact_head.jpg) 0 0 no-repeat;
  }

#header .to_contact a:hover { background: url(../images/ban_contact_head.jpg) 0 -62px no-repeat;}

#header h2{
  position: absolute;
  top: 295px;
  right: 20px;
  text-align: right;
  font-size: 26px;
  }


#header ul#header_nav {
  clear: both;
  position: absolute;
  top: 100px;
  left: 0px;
  list-style: none;
  margin: 0;
  padding: 0;
  }

ul#header_nav li {
  list-style: none;
  text-indent: -9999px;
  margin: 0;
  padding: 0;
  width: 220px;
  height: 80px;
  }

ul#header_nav li a {
  display: block;
  width: 220px;
  height: 80px;
  margin: 0;
  padding: 0;
  }
  
ul#header_nav li#nav01 a { background: url(../images/header_nav_s.jpg) 0 0 no-repeat; }
ul#header_nav li#nav01 a:hover { background: url(../images/header_nav_s.jpg) -220px 0 no-repeat; }
ul#header_nav li#nav02 a { background: url(../images/header_nav_s.jpg) 0 -80px no-repeat; }
ul#header_nav li#nav02 a:hover { background: url(../images/header_nav_s.jpg) -220px -80px no-repeat; }
ul#header_nav li#nav03 a { background: url(../images/header_nav_s.jpg) 0 -160px no-repeat; }
ul#header_nav li#nav03 a:hover { background: url(../images/header_nav_s.jpg) -220px -160px no-repeat; }

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
  clear: both;
  text-align: center;
  background: url(../images/footer_bg.jpg) 0 repeat-x;
  height: 70px;
  color: #787878;
  font-size: 12px;
}

#footer ul {
  list-style: none;
  margin: 0;
  padding: 15px 0 10px 0;
  }

#footer li {
  list-style: none;
  display: inline;
  color: #787878;
  margin: 0;
  padding: 0;
  font-size: 11px;
  }

#footer li a { color: #787878; }
#footer li a:hover { color: #7CB55A; text-decoration: underline }

#footer address {
	width: 800px;
	margin: 0;
	padding: 0;
  font-size: 11px;
}


/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#nav {
  float: left;
  width: 220px;
  text-align: center;
  margin: 0 0 20px 0;
}

#nav ul {
  margin: 15px 0 10px;
  text-align: left;
}

#nav ul li { 
  list-style: none; 
	margin: 0;
	padding: 0; 
  width: 220px;
  height: 40px;
	}

#nav ul li a {
  display: block;
  width: 220px;
  height: 40px;
	margin: 0;
	padding: 0; 
  text-indent: -9999em;
  background: url(../images/nav.jpg) 0 0 no-repeat;
}

#nav ul li#nav04 { height:60px; }

#nav ul li#nav04 a { background-position: 0 0; height:60px; }
#nav ul li#nav05 a { background-position: 0 -60px; }
#nav ul li#nav06 a { background-position: 0 -100px; }
#nav ul li#nav07 a { background-position: 0 -140px; }

#nav ul li#nav04 a:hover { background-position: -220px 0; height:60px; }
#nav ul li#nav05 a:hover { background-position: -220px -60px; }
#nav ul li#nav06 a:hover { background-position: -220px -100px; }
#nav ul li#nav07 a:hover { background-position: -220px -140px; }

#nav ul li#nav04-00 { height:60px; }

#nav ul li#nav04-00 a { background: url(../images/nav_type02.jpg) 0 0 no-repeat; height:60px; }
#nav ul li#nav04-01 a { background: url(../images/nav_type02.jpg) 0 -60px no-repeat; }
#nav ul li#nav04-02 a { background: url(../images/nav_type02.jpg) 0 -100px no-repeat; }
#nav ul li#nav04-03 a { background: url(../images/nav_type02.jpg) 0 -140px no-repeat; }
#nav ul li#nav04-04 a { background: url(../images/nav_type02.jpg) 0 -180px no-repeat; }

#nav ul li#nav04-00 a:hover { background: url(../images/nav_type02.jpg) -220px 0 no-repeat; height:60px; }
#nav ul li#nav04-01 a:hover { background: url(../images/nav_type02.jpg) -220px -60px no-repeat; }
#nav ul li#nav04-02 a:hover { background: url(../images/nav_type02.jpg) -220px -100px no-repeat; }
#nav ul li#nav04-03 a:hover { background: url(../images/nav_type02.jpg) -220px -140px no-repeat; }
#nav ul li#nav04-04 a:hover { background: url(../images/nav_type02.jpg) -220px -180px no-repeat; }


#nav ul li.feature_nav {
  background: url(../images/nav_feature_bg.jpg) 0 0 repeat-y;
  height: 30px;
	}

#nav ul li.feature_nav a{
  background: url(../images/nav_feature_bg.jpg) 0 0 repeat-y;
  text-indent: 0;
  height: 20px;
  margin: 0;
  padding: 8px 0 0 10px;
  font-size: 12px;
  color: #219C00;
  text-decoration: underline;
  }

#nav ul li.feature_nav a:hover { color: #FF7F00; }

#nav ul li.feature_nav a span { font-size: 14px; }

#nav .to_contact,
#nav .to_beginner{
  text-align: left;
  text-indent: -9999px;
  margin: 15px 0 15px 7px;
  padding: 0;
  }

#nav .to_contact a,
#nav .to_beginner a {
  display: block;
  width: 206px;
  height: 135px;
  }

#nav .to_contact a { background: url(../images/ban_contact_nav.jpg)  0 no-repeat;}
#nav .to_beginner a { background: url(../images/ban_beginner_nav.jpg) 0 0 no-repeat;}

#nav .to_contact a:hover { background: url(../images/ban_contact_nav.jpg) -206px 0 no-repeat;}
#nav .to_beginner a:hover { background: url(../images/ban_beginner_nav.jpg) -206px 0 no-repeat;}

#nav .bannar {
  margin: 0 0 5px;
}

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

/* index
------------------------------------------------------------------------*/

#index #main p {
  font-size: 12px;
  }

#index #header {
  width: 800px;
  height: 400px;
  background: url(../images/header_bg.jpg) 0 0 no-repeat;
  }

#index #header h2{
  position: absolute;
  top: 100px;
  left: 220px;
  }

#index #info { 
  margin: 15px 20px 0;
  padding: 0;
  background: url(../images/index_sec_bg.jpg) bottom no-repeat; }

#index #info dl {
  margin: 0;
	padding: 5px 15px 15px;
	}

#index #info dt {
  margin-bottom: .3em;
	font-weight: bold;
  }

#index .section { 
  margin: 5px 20px 0;
  padding: 0 0 20px 0;
  background: url(../images/index_sec_bg.jpg) bottom no-repeat; }

#index h3#title01 {
  margin:15px 0 0 0;
  padding: 0;
  height: 40px;
  text-indent: -9999px; 
  background: url(../images/index_title01.jpg) 0 0 no-repeat;
  }


#index .section p {
  margin: 0;
  padding: 5px 20px;
  }

#index p#catch {
  margin: 10px 0 5px;
  padding: 0;
  }

p#to_service {
  clear: both;
  text-indent: -9999px;
  width: 510px;
  height: 75px;
  margin: 5px 0 10px 15px;
  padding: 0;
  }

#index p#to_service {
	width: 500px;
  margin: -10px auto 15px;
  padding: 0 0 10px;
	background: #fff6b3;
	text-align: center;
  }


p#to_service a {
  display: block;
	text-align: left;
  width: 510px;
  height: 75px;
  background: url(../images/ban_service.jpg) 0 0 no-repeat;
  }
#index p#to_service a {
  width: 488px;
  background: url(../images/ban_service_index.jpg) 0 0 no-repeat;
	margin-left: 6px;
  }
p#to_service a:hover { background: url(../images/ban_service.jpg) 0 -75px no-repeat; }
#index p#to_service a:hover { background: url(../images/ban_service_index.jpg) 0 -75px no-repeat; }

#index .pickup {
  margin: 0 0 0 20px;
  }

#index .pickup h4 {
  background: none;
  text-indent: -9999px;
  width: 245px;
  height: 40px;
  margin: 0;
  padding: 0;
  }

#index .pickup h4 a {
  display: block;
  width: 245px;
  height: 40px;
  }

#index #pick01 {
  float: left;
  width: 245px;
  height: 115px;
  background: url(../images/index_pick01.jpg) 0 0 no-repeat;
  margin: 0 10px 10px 0;
  }

#index #pick01 h4 a:hover { background: url(../images/index_pick01.jpg) -245px 0 no-repeat; }

#index #pick02 { 
  float: left;
  width: 245px;
  height: 115px;
  background: url(../images/index_pick02.jpg) 0 0 no-repeat;
  margin: 0 0 10px 0;
  }

#index #pick02 h4 a:hover { background: url(../images/index_pick02.jpg) -245px 0 no-repeat; }

/*
#index .section #pick01 p,
#index .section #pick02 p {
  margin: 0;
  padding: 0;
  }
*/

#index .section p#pick03,
#index .section p#pick04 {
  text-indent: -9999px; 
  float: left;
  width: 245px;
  height: 45px;
  margin: 0 10px 10px 0;
  padding: 0;
  }

#index .section p#pick03 a,
#index .section p#pick04 a {
  display: block;
  width: 245px;
  height: 45px;
  }

#index .section p#pick03 a { background: url(../images/index_pick03.jpg) 0 0 no-repeat; }
#index .section p#pick03 a:hover { background: url(../images/index_pick03.jpg) -245px 0 no-repeat;}

#index .section p#pick04 a { background: url(../images/index_pick04.jpg) 0 0 no-repeat; }
#index .section p#pick04 a:hover { background: url(../images/index_pick04.jpg) -245px 0 no-repeat;}

#index .section p#supplement {
  clear: both;
  margin: 0 20px 0 0;
  padding: .5em 1em;
  background: #FFF6B3 ;
  }

#index ul#header_nav {
  margin: 0;
	padding: 0;
	width: 220px;
	}

#index ul#header_nav li {
  width: 220px;
  height: 100px;
  }

#index ul#header_nav li a {
  display: block;
  width: 220px;
  height: 100px;
	margin: 0;
	padding: 0;
  }
  
#index ul#header_nav li#nav01 a { background: url(../images/header_nav.jpg) 0 0 no-repeat; }
#index ul#header_nav li#nav01 a:hover { background: url(../images/header_nav.jpg) -220px 0 no-repeat; }
#index ul#header_nav li#nav02 a { background: url(../images/header_nav.jpg) 0 -100px no-repeat; }
#index ul#header_nav li#nav02 a:hover { background: url(../images/header_nav.jpg) -220px -100px no-repeat; }
#index ul#header_nav li#nav03 a { background: url(../images/header_nav.jpg) 0 -200px no-repeat; }
#index ul#header_nav li#nav03 a:hover { background: url(../images/header_nav.jpg) -220px -200px no-repeat; }

/* service
------------------------------------------------------------------------*/

#service ul#relo {
  list-style: none;
  background: #FFF6B3;
  margin: 5px 0;
  padding: 8px 15px;
  font-weight: bold;
  }

#service ul#relo li {
  background-image:none;
  list-style: none;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  }
 
#service #main ul.style01 li {
  font-size: 12px;
  line-height: 1.4;
  background: url(../images/li_bg01.jpg) 0 3px no-repeat;
  }

#to_manga {
  text-indent: -9999px;
  width: 520px;
  height: 75px;
  margin: 0;
  padding: 0;
  }

#to_manga a {
  display: block;
  width: 520px;
  height: 75px;
  background: url(../images/to_manga.jpg) 0 0 no-repeat;
  }
  
#to_manga a:hover { background: url(../images/to_manga.jpg) 0 -75px no-repeat; }

.feature_links {
  clear: both;
  width: 520px;
  height: 385px;
  background: url(../images/feature_links.jpg) 0 0 no-repeat;
  margin: 5px 0 5px 10px;
  position: relative;
  text-indent: -9999px;
  }
 
#main .feature_links p {
  margin: 0;
  padding: 0;
  }

.feature_links p a{
  display: block;
  position: absolute;
  }

.feature_links p#f_link01 a {
  width: 190px;
  height: 70px;
  }

.feature_links p#f_link02 a,
.feature_links p#f_link03 a,
.feature_links p#f_link04 a,
.feature_links p#f_link05 a {
  width: 190px;
  height: 50px;
  }

.feature_links p#f_link01 a { top: 30px; left: 30px; }
.feature_links p#f_link01 a:hover { background: url(../images/feature_links.jpg) -550px -30px no-repeat; }

.feature_links p#f_link02 a { top: 30px; left: 300px; }
.feature_links p#f_link02 a:hover { background: url(../images/feature_links.jpg) -820px -30px no-repeat; }

.feature_links p#f_link03 a { top: 140px; left: 300px; }
.feature_links p#f_link03 a:hover { background: url(../images/feature_links.jpg) -820px -140px no-repeat; }

.feature_links p#f_link04 a { top: 250px; left: 300px; }
.feature_links p#f_link04 a:hover { background: url(../images/feature_links.jpg) -820px -250px no-repeat; }
 
.feature_links p#f_link05 a { top: 180px; left: 30px; }
.feature_links p#f_link05 a:hover { background: url(../images/feature_links.jpg) -550px -180px no-repeat; }

.to_basic {
  text-indent: -9999px;
  width: 520px;
  height: 150px;
  margin-left: 10px;
  }

.to_basic a {
  display: block;
  width: 520px;
  height: 150px;
  background: url(../images/ban_basic.jpg) 0 0 no-repeat;
  }

.to_basic a:hover { background: url(../images/ban_basic.jpg) 0 -150px no-repeat; }

#main ul.to_flow {
  list-style: none;
  margin: 0;
  padding: 0;
  }

#main ul.to_flow li {
  list-style: none;
  float: left;
  width: 110px;
  height: 45px;
  margin: 0 0 10px 0;
  text-indent: -9999px;
  }

#main ul.to_flow li a {
  display: block;
  width: 110px;
  height: 45px;
  }

ul.to_flow li#to_flow01 a { background: url(../images/to_flow.jpg) 0 0 no-repeat; }
ul.to_flow li#to_flow02 a { background: url(../images/to_flow.jpg) -110px 0 no-repeat; }
ul.to_flow li#to_flow03 a { background: url(../images/to_flow.jpg) -220px 0 no-repeat; }
ul.to_flow li#to_flow04 a { background: url(../images/to_flow.jpg) -330px 0 no-repeat; }
ul.to_flow li#to_flow05 a { background: url(../images/to_flow.jpg) -440px 0 no-repeat; width: 90px; }
ul.to_flow li#to_flow05 { width: 90px;}

ul.to_flow li#to_flow01 a:hover { background: url(../images/to_flow.jpg) 0 -45px no-repeat; }
ul.to_flow li#to_flow02 a:hover { background: url(../images/to_flow.jpg) -110px -45px no-repeat; }
ul.to_flow li#to_flow03 a:hover { background: url(../images/to_flow.jpg) -220px -45px no-repeat; }
ul.to_flow li#to_flow04 a:hover { background: url(../images/to_flow.jpg) -330px -45px no-repeat; }
ul.to_flow li#to_flow05 a:hover { background: url(../images/to_flow.jpg) -440px -45px no-repeat; }


#flow01 li#to_flow01 a { background: url(../images/to_flow.jpg) 0 -45px no-repeat; }
#flow02 li#to_flow02 a { background: url(../images/to_flow.jpg) -110px -45px no-repeat; }
#flow03 li#to_flow03 a { background: url(../images/to_flow.jpg) -220px -45px no-repeat; }
#flow04 li#to_flow04 a { background: url(../images/to_flow.jpg) -330px -45px no-repeat; }
#flow05 li#to_flow05 a { background: url(../images/to_flow.jpg) -440px -45px no-repeat; }


#main ul.link_box,
#main ul.link_box02 {
  margin: 0 15px 5px 10px;
  padding: 10px;
  border: 1px solid #C3B7B7 ;
  }

#main dl.link_box {
  margin: 0 5px 10px 10px;
  padding: 10px;
  border: 1px solid #C3B7B7 ;
  float: left;
  width: 220px;
  }

#main ul.link_box li,
#main ul.link_box02 li,
#main dl.link_box dt {
  list-style: none;
  background: url(../images/li_bg02.jpg) 0 1px no-repeat;
  color: #3D9F01;
  text-decoration: underline;
  text-indent: 1.4em;
  margin-bottom: .3em;
  }

#main dl.link_box dt { color: #219C00; }
#main dl.link_box dt a { color: #219C00; }
#main dl.link_box dt a:hover { color: #3D9F01; }
#main dl.link_box dd { font-size: 12px; }


#main ul.link_box02 li a,
#main dl.link_box dt a { color: #3D9F01; text-decoration: underline;}


#main ul.link_box02 li a:hover ,
#main dl.link_box dt a:hover { color:#FF993B; }

#main ul.link_box02 li {
  float: left;
  width: 150px;
  }

#main ul.link_box02 li dl {
  margin: 0;
  padding: 0;
  }

#main ul.link_box02 li.style02 {
  text-decoration: none;
  width: 180px;
  }

#main ul.link_box02 li.style02 dd { 
  text-decoration: underline;
  margin: 0;
  padding: 0;
  }


#main ul.link_box li a{
  color: #3D9F01;
  text-decoration: underline;
  }

#main ul.link_box li a:hover { color:#FF7F00; }

dl.option_box {
  clear: both;
  margin: 5px 15px 5px 10px;
  padding: 0;
  }
dl#option01 { border: 1px solid #DF8BDF; }
dl#option02 { border: 1px solid #61ACDF; }
dl#option03 { border: 1px solid #63BF53; }

dl.option_box dt {
  margin: 0;
  padding: .3em .8em .2em;
  font-weight: bold;
  }
dl#option01 dt { 
  background: #FFDEFF;
  border-bottom: 1px solid #DF8BDF;
  color: #CF33CF;
  }
dl#option02 dt { 
  background: #D1F0F5;
  border-bottom: 1px solid #61ACDF;
  color: #2996DF;
  }
dl#option03 dt { 
  background: #E9F3BF;
  border-bottom: 1px solid #63BF53;
  color: #2B8F1A;
  }

dl.option_box dt span {font-size: 12px; color: #333; font-weight: normal;}


dl.option_box dd {
  margin: 0;
  padding: .5em .8em .2em;
  }
/*
#main p.to_option {
  margin-bottom: 15px;
  text-align: right;
  }

p.to_option a {
  text-decoration: underline;
  }
*/

#main p.to_option {
  clear: both;
  float: right;
  text-align: right;
  list-style: none;
  background: url(../images/li_bg04.jpg) 0 3px no-repeat;
  color: #FF7F00;
  text-decoration: underline;
  text-indent: 1.4em;
  margin-bottom: 15px;
  }

#main p.to_option a {
  text-decoration: underline;
  color: #FF7F00;
  }

#main p.to_option a:hover { color:#FF993B; }

/* Basic
------------------------------------------------------------------------*/
#basic .feature_links p#f_link01 a { background: url(../images/feature_links.jpg) -550px -30px no-repeat; }

#basic #service_cont {
  margin: 5px 5px 20px 0;
  padding: 8px 15px;
  border: 2px solid #D6AD00;
  }

#basic #service_cont ul.box {
  list-style: none;
  float: left;
  width: 230px;
  margin: 0 5px 0 0;
  }

#basic #service_cont ul.box li {
  margin-bottom: .2em;
  font-size: 12px;
  }

#basic dl.type01 dd {
  margin-bottom: 15px;
  font-size: 14px;
  }

/* Option01
------------------------------------------------------------------------*/
#opution01 .feature_links p#f_link02 a { background: url(../images/feature_links.jpg) -820px -30px no-repeat; }

/* Option02
------------------------------------------------------------------------*/
#opution02 .feature_links p#f_link03 a { background: url(../images/feature_links.jpg) -820px -140px no-repeat; }

/* Option03
------------------------------------------------------------------------*/
#opution03 .feature_links p#f_link04 a { background: url(../images/feature_links.jpg) -820px -250px no-repeat; }

/* General
------------------------------------------------------------------------*/
#general .feature_links p#f_link05 a { background: url(../images/feature_links.jpg) -550px -180px no-repeat; }

/* Flow
------------------------------------------------------------------------*/
#flow #main ul.to_flow { padding: 20px 0 0; border-top: 1px dotted #666; }
#flow #main ul.to_flow li { margin: 0 0 5px 0;}

#flow dl.type02 dt,
#flow dl.type01 dt dl.type02 dt {
  margin: 0px 0 3px 0;
  padding: .2em .5em .1em .4em;
	background: #fff;
  color: #D97500;
  font-weight: bold;
  border-bottom: 1px solid #E49D49;
  }

#flow_next {
  text-indent: -9999px;
	width: 250px;
	height: 135px;
	}

#flow_next a {
  display: block;
	width: 250px;
	height: 135px;
	background: url(../images/flow_next.jpg) 0 0 no-repeat;
	margin-left: 130px;
	}

#flow_next a:hover { background: url(../images/flow_next.jpg) 0 -135px no-repeat; }
	
/* Qa
------------------------------------------------------------------------*/
#qa #service_cont {
  margin: 5px 5px 20px 0;
  padding: 8px 15px;
  border: 2px solid #D6AD00;
  }

#qa #service_cont ul.box {
  list-style: none;
  float: left;
  width: 230px;
  margin: 0 5px 0 0;
  }

#qa #service_cont ul.box li {
  margin-bottom: .2em;
  font-size: 12px;
  }

/* Voice
------------------------------------------------------------------------*/

#voice .type01 {
  margin-bottom: 15px;
  }

#voice .type01 dd{
  margin-bottom: 15px;
  font-size: 14px;
  }

/* Company
------------------------------------------------------------------------*/

#company #main ul.link_box02,
#outline #main ul.link_box02,
#philosophy #main ul.link_box02,
#s_choice #main ul.link_box02,
#s_flow #main ul.link_box02,
#s_action #main ul.link_box02 {
  margin: 0 5px 5px 5px;
  padding: 10px;
  border: 1px solid #C3B7B7 ;
  }



#company #main ul.link_box02 li,
#outline #main ul.link_box02 li,
#philosophy #main ul.link_box02 li,
#s_choice #main ul.link_box02 li,
#s_flow #main ul.link_box02 li,
#s_action #main ul.link_box02 li{
  float: left;
  width: auto;
  margin-right: 1.5em;
  }


/* S_choice
------------------------------------------------------------------------*/
#s_choice .check {
  clear: both;
  } 

#s_choice .check .image_r {
  width: 460px;
  background: #effed5;
  padding: 5px;
  margin-top: 5px;
  }

/* Links
------------------------------------------------------------------------*/
#links .section {
  clear: both;
  margin-left: 15px;
  margin-right: 15px;
  border-bottom: 1px dotted #999;
  }

#links .section .image_l {
  width: 210px;
  margin: 0 0 5px 0;
  padding: 0;
  }

#links .section .image_r {
  width: 280px;
  margin: 0 0 5px 0;
  padding: 0;
  }

#links #main .section a { 
  color: #3D9F01;
  text-decoration: underline;
	}

#links #main .section a:hover { color:#FF993B; }


#sitemap .section {
  margin-left: 10px;
	margin-right: 10px;
	}

#sitemap #main a { color: #3D9F01; }

#sitemap #main a:hover { color:#FF993B; }

#sitemap #main ul.first,
#sitemap #main dl.first {
  margin-left: 0px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-bottom: 5px;
  border-bottom: 1px dotted #999;
	}


#sitemap #main ul.first li,
#sitemap #main dl.first dt {
  list-style: none;
  background: url(../images/li_bg02.jpg) 0 1px no-repeat;
  text-decoration: underline;
	color: #3D9F01;
  text-indent: 1.4em;
  margin-bottom: .3em;
  }

#sitemap #main dd.second {
  margin-left: 15px;
  list-style: none;
  background: url(../images/li_bg01.jpg) 0 4px no-repeat;
  text-decoration: underline;
	color: #3D9F01;
  text-indent: 1em;
  margin-bottom: .3em;
	}

#sitemap #main dd.second dt{
  list-style: none;
  background: url(../images/li_bg01.jpg) 0 4px no-repeat;
  text-decoration: underline;
	color: #3D9F01;
  text-indent: 1em;
  margin-bottom: .3em;
  }

#contact ul#caution {
  list-style: none;
  background: #FFF6B3;
  margin: 5px 0;
  padding: 8px 15px;
  }

#contact ul#caution li {
  background-image:none;
  list-style: none;
  background: url(../images/li_bg01.jpg) 0 4px no-repeat;
  margin: 0;
  padding: 0 0 0 1em;
  }

#contact .form { width: 530px; }

#contact .form td { width: 370px; }