@charset "utf-8";
/**----------------------------------------------------------
 *CSS information
 *
 * file name	: default.css
 -----------------------------------------------------------*/
/*
Reset
------------------------------*/

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

address,
strong,
th { font-style: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0;}
  th { text-align: left; }

object { display: block; }

img,
object,
embed { vertical-align: top; }

hr,
legend { display: none; }

h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; }

img,
abbr,
acronym,
fieldset { border: 0; }

li { list-style-type: none; }

select option { padding : 0 5px; }


/*
for IE6/7/8
------------------------------*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
display:block;}

/*
base setting
------------------------------*/
html {font-size: 62.5%;}
body {
  background-color:#F8F9F9;
  color: #333;
  letter-spacing: 0;
  line-height: 1.4; /* 基本の行間 */
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, arial, verdana, sans-serif;}
* html body {	/* for IE6 */
  font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

input,textarea,select {
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, arial, verdana, sans-serif;
  font-size: 100%;}

* html input,
* html textarea,
* html select {/* for IE6 */
  font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

/*\*/
* html table {font-size: 100%;}
/**/

/*==================================================

link color

==================================================*/

a {color: #1097C5;
  text-decoration: underline;
  overflow: hidden;
  outline: none;}

a:hover,
a:active,
a:focus {
  color: #19AAEC;
  text-decoration: underline;}

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

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

.blank_icon{
  margin:0 0 0 3px;
  vertical-align:middle;
  }
/*==================================================

general class

==================================================*/

.float-left {float: left;}
.float-right {float: right;}
.clear {
  clear: both;
  float: none;}

.cf:before,
.cf:after {
  content: "";
  display: table;}
.cf:after { clear: both; }
.cf { zoom: 1; }

/*==================================================

common style
header, footer, all wrap ,path

==================================================*/

html,body {
  background:url(../images/bg2.png) repeat-x;
  height: 100%;
	 background-color: #f8f9f9;
	 text-align: center;
  color:#333;
  }


#container {
  background:url(../images/bg.png) no-repeat;
	 width:980px;
	 margin:0 auto;
	 min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative;
  }


/*==================================================

header

==================================================*/

div#header {
  margin:0 auto;
  width: 960px;
  }

#logo {
  float:left;
  width:236px;
  height:109px;
  margin:0 0 10px 360px;
  }

* html #logo {margin-left:180px;}

#logo a{
  background:url(../images/header/logo.png) no-repeat;
  background:url(../images/header/logo.gif) no-repeat\9;
  /background:url(../images/header/logo.gif) no-repeat;
  width:236px;
  height:109px;
  text-indent:-9999px;
  display:block;
  }

#headerNav {float:right;}

#headerNav ul {
  width:200px;
  background-color: #333;
  }

#headerNav li {
  float:left;
  margin-left:5px;
  list-style:none;
  }

#headerNav li.partner a {
  background:url(../images/header/btn_partner.gif) no-repeat;
  width:92px;
  height:26px;
  display:block;
  text-indent:-9999px;
  }

#headerNav li.consumer a {
  background:url(../images/header/btn_consumer.gif) no-repeat;
  width:92px;
  height:26px;
  display:block;
  text-indent:-9999px;
  }

/*==================================================

hx

==================================================*/



h1 {
  float:left;
  text-indent:-9999px;
  margin:20px 0 50px 0;
  height:56px;}

h2,
h3 {
  text-indent:-9999px;
  margin:0 0 20px 0;
  }

h1 {
  width:500px;
  float:left;}

/*==================================================

contents

==================================================*/
#contents {
  text-align:left;
  width:960px;
  margin:30px auto;
  float: none;
  clear: both;}

#contents_left {
  text-align:left;
  width:720px;
  float:left;}

#contents_right {
  text-align:left;
  width:220px;
  float:right;}

#contents:before,
#contents:after {
  content: "";
  display: table;}

#contents:after { clear: both; }

/* For IE 6/7 (trigger hasLayout) */
#contents { zoom: 1; }


/*==================================================

box

==================================================*/

.wbox_t {
  clear:both;
  width:720px;
  background:url(../images/box_t.gif) no-repeat;
  padding-top:30px;
  margin:0 0 40px 0;
  }

.wbox_c {
  overflow:hidden;
  width:720px;
  background:url(../images/box_c.gif) repeat-y;
  }

.wbox_b {
  background:url(../images/box_b.gif) no-repeat bottom;
  font-size:1.2em;
  line-height:1.8em;
  overflow:hidden;
  padding:0 30px 30px 30px;
  }

.wbox_b p {margin:0 0 15px 0;}

.swbox_t {
  width:220px;
  background:url(../images/side/sbox_t.gif) no-repeat;
  padding-top:10px;
  margin:0;
  }

.swbox_c {
  width:220px;
  background:url(../images/side/sbox_c.gif) repeat-y;
  overflow:hidden;
  margin:0 0 15px 0;
  }

.swbox_b {
  background:url(../images/side/sbox_b.gif) no-repeat bottom;
  font-size:1.2em;
  overflow:hidden;
  padding:0 10px 15px 10px;
  overflow:hidden;
  }

.swbox_b p {margin:10px 0 0 0;}


.b_box {
  width:720px;
  font-size:1.2em;
  clear:both;
  background:url(../images/b_box_t.gif) no-repeat;
  padding-top:30px;
  background-color:#0059AB;
  margin-bottom:40px;
  }

.b_box_b {
  color:#fff;
  padding:0 30px 30px 30px;
  background:url(../images/b_box_b.gif) no-repeat bottom;
  background-color:#0059AB;}

.g_box {
  float:left;
  width:455px;
  clear:both !important;
  background:url(../images/g_box_t.gif) no-repeat;
  padding-top:10px;
  background-color:#F0F0F0;
  margin-bottom:20px;
  }

.g_box_b {
  overflow:hidden;
  color:#333;
  padding:0 10px 10px 10px;
  background:url(../images/g_box_b.gif) no-repeat bottom;
  background-color:#F0F0F0;}



.attention_cleverin_t {
  position:relative;
  top:-20px;
  clear:both;
  width:720px;
  background:url(../images/attention_box_t.gif) no-repeat;
  padding-top:6px;
  margin:0 0 40px 0;
  }

.attention_cleverin_c {
  width:720px;
  background:url(../images/attention_box.gif) repeat-y;
  }

.attention_cleverin_b {
  background:url(../images/attention_box_b.gif) no-repeat bottom;
  font-size:1.2em;
  line-height:1.8em;
  overflow:hidden;
  padding:0 6px 6px 6px;
  }

.attention_cleverin_c p {
 background:url(../images/attention_cleverin_icon.gif) no-repeat 5px 2px;
 padding-left:30px;}

/*==================================================

footer

==================================================*/

#gFooter {
  background-color: #D9E7F1;
  clear: both;
  float: none;
  width: 100%;}

#gFooter .inner {
  min-height: 50px;
  /height: 50px;
  background-color: #D9E7F1;
  padding:10px;
  width:960px;
  margin:0 auto;
  }

#gFooter .inner ul{
  margin-top:5px;
  float:left;}

#gFooter .inner ul li{
  padding:10px 7px 10px 10px;
  display:inline;}

#gFooter .inner ul li+li{background:url(../images/footer/footermenu_line.gif) no-repeat left;}

#copyright {
  clear:both;
  display:block;
  background:url(../images/footer/copyright.gif) no-repeat;
  background-position:right;
  width:100%;
  min-height:10px;
  /height:10px;
  padding-top:15px;
  text-indent:-9999px;
  }

.pageTop {
  text-align:right;
  clear: both;
  width:980px;
  margin:10px auto 0 auto;}

.pageTop a {
  display:block;
  width:78px;
  height:27px;
  float: right;
  text-indent:-9999px;
  text-align: left;
  margin-right:10px;
  background:url(../images/footer/pagetop.gif) no-repeat;}

a.footer_logo {
  width:118px;
  height:26px;
  float:right;
  background:url(../images/footer/taiko_logo.gif) no-repeat;
  text-indent:-9999px;
  }


/*==================================================

contact

==================================================*/

.contact_copy {
  clear:both;
  background:url(../products/images/contact_copy.gif) no-repeat;
  width:613px;
  height:16px;
  text-indent:-9999px;
  margin:30px 0 10px 0;
  }

.contact_tel {
  border-right:1px solid #D8E1E3;
  width:328px;
  float:left;
  margin:0 30px 0 0;
  }

.ttl_tel {
  width:163px;
  height:24px;
  text-indent:-9999px;
  background:url(../products/images/ttl_tel.gif) no-repeat;
  margin-bottom:15px;
  }

.time {
  width:263px;
  height:20px;
  text-indent:-9999px;
  background:url(../contact/images/time.gif) no-repeat;
  }

.contact_website {
  width:301px;
  text-align:center;
  float:right;
  }

.contact_website .ttl_website {
  width:301px;
  height:24px;
  text-indent:-9999px;
  background:url(../products/images/ttl_site.gif) no-repeat left;
  margin-bottom:15px;
  }


/*==================================================

decoration & others

==================================================*/


.f_green {color:#699;}

.img_right {float:right;margin:0 0 10px 10px;}
.img_left {float:left;margin:0 10px 10px 0;}

p.img_center {text-align:center;}
p.notes {
  font-size:0.8em;
  color:#666;
  text-indent:-1em;
  padding-left:1em;
  line-height:1.6em;
  margin-bottom:3px;
  }

.superscript {
  vertical-align:text-top;
  line-height:1em;
  font-size:0.7em;}

.subscript {
  font-size:0.7em;}

.contentsWrap { padding: 20px; background: #F7F7F7; }
.contentsWrap p { font-weight: bold; font-size: 15px; text-align: center; margin-bottom: 10px; }
.contentsWrap ul {  text-align: center; }
.contentsWrap ul li { display: inline-block; vertical-align: middle; line-height: 180%; }
.contentsWrap ul li.mail { margin-left: 10px; }
.contentsWrap ul li span { line-height: 1; color: #FFF; vertical-align: middle; display: inline-block; width: 45px; text-align: center; margin-right: 10px; font-size: 12px; background: #1097C5; padding: 6px 0; }
.contentsWrap ul li a { text-decoration: none; font-size: 18px; font-weight: bold; color: #333; display: inline-block; vertical-align: middle; }
.contentsWrap ul li a:hover { text-decoration: underline; }