@charset "utf-8";
/*
 * This Stylesheet was based on Yahoo! UI Library's Reset and Fonts CSS.
 * http://developer.yahoo.com/yui/reset/
 * http://developer.yahoo.com/yui/fonts/
 * http://developer.yahoo.net/yui/license.txt
*/
/* @group 要素ごとのスタイル */
html {
  position: relative;
  height: 100%;
  color: #333;
  background: #ffffff;
  z-index: 0;
}

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

body * {
  word-break: break-all;
}

body {
  color: #333;
  background: #fff url(../img/header_bg.png) repeat-x top;
  font: 13px/1.231 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif;
  *font-size: small;
  *font: x-small;
  text-align: center;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
  font: 100%;
}

table th {
  text-align: left;
}

img {
  border: none;
  vertical-align: bottom;
}

address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
}

fieldset {
  border: none;
}

input,textarea,select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input,textarea,select {
  *font-size: 100%;
}

input.text,
textarea {
  border: 1px solid #96c63f;
  background: #fefef9;
}

input.text {
  _height: 1.55em;  /* for Win IE6 */
}

input.email,
input.password,
input.num {
  ime-mode: inactive;
}

input.submit {
  line-height: 1;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

input.button {
  padding: 0 2px;
  vertical-align: middle;
  *vertical-align: top;
  font-size: 12px;
  *font-size: 74%;
  cursor: pointer;
}

textarea {
  margin-bottom: 5px;
  line-height: 1.21;
  overflow: auto;
}

input.text:focus,
textarea:focus {
  color: #000;
  background: #fff;
}

select {
  cursor: pointer;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}

p, ul, ol,
ul li,
ol li,
table,
table th,
table td {
  font-size: 100%;
}

p {
  line-height: 1.51;
}

dt {
  color: #333;
}

li {
  line-height: 1.31;
  font-size: 93%;
}

table td ul,
table td ul li,
dl dd ul,
dl dd ul li {
  font-size: 100%;
}

strong {
  color: #333;
  font-weight: bold;
}

/* 見出し */
h1, h2, h3, h4, h5, h6 {
  color: #333;
  font-size: 113%;
  font-weight: bold;
}

/* リンクカラー */
a,
a:link {
  color: #15227c;
}

a:visited {
  color: #15227c;
}

a:hover,
a:active {
  color: #0093e3
}

/* テキスト選択時 */
::-moz-selection {
  color: #333;
  background: #fff080;
}

::selection {
  color: #333;
  background: #fff080;
}

/* @end 要素ごとのスタイル */

/* @group floating-clear */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac Hack \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* @end floating-clear */

/* @group 共通部品 */
.skip {
  display: none;
}

/* @end 共通部品 */

/* @group レイアウト */
/* 全てを囲むボックス #doc */
#doc {
  margin: 0 auto;
  position: relative;
  width: 765px;
  line-height: 1.37;
  text-align: left;
}

/* @group ヘッダ #header */
#header {
  padding-left: 9px;
  position: relative;
  text-align: left;
  background: url(../img/header_cover_bg.png) no-repeat left top;
}

#header .logo,
#header .logo a {
  width: 175px;
  height: 230px;
  display: block;
  background: #010134 url(../img/logo.png) no-repeat left top;
  text-decoration: none;
}

#header .logo strong {
  position: absolute;
  top: 193px;
  left: 210px;
  display: block;
  width: 450px;
  color: #fff;
  font-size: 116%;
  text-decoration: none;
}

#header .description {
  position: absolute;
  top: 0;
  left: 184px;
}
/* @end ヘッダ #header */

/* @group コンテンツ #contents */
#contents {
  position: relative;
  background: url(../img/sub_bg.png) repeat-y 0 0;
}

#main {
  margin: 0;
  position: relative;
  float: right;
  width: 560px;
  z-index: 11;
}

#main2 {
  margin: 0;
  position: relative;
  float: right;
  width: 565px;
  z-index: 11;
}

#main div.section-lv2,
#main div.section-lv3,
#main div.section-lv4 {
	position: relative;
	margin-top: 10px;
}

#sub {
  padding-left: 9px;
  width: 175px;
  background: url(../img/sub_top_bg.png) no-repeat 0 0;
}

/* @end コンテンツ #contents */

/* @end レイアウト */

/* @group 基本スタイル */

/* リンクカラー */
a,
a:link {
  color: #15227c;
  text-decoration: none;
}

a:visited {
  color: #15227c;
}

a:hover {
  color: #f30;
}

a:active {
  color: #9c0739;
}

#sub a {
  color: #fff;
}

#sub a:hover {
  color: #f30;
}

/* テキスト選択時 */
::-moz-selection {
  color: #333;
  background: #fff080;
}

::selection {
  color: #333;
  background: #fff080;
}
/* @end 基本スタイル */

/* @group トップページメインエリア */
/* リード文 */
#lead {
  margin-top: 3px;
  margin-bottom: 1px;
  width: 560px;
  height: 244px;
  position: relative;
  color: #fff;
  background: #010134 url(../img/lead_bg.jpg) no-repeat;
  font-size: 108%;
}

#lead p {
  position: absolute;
  top: 60px;
  right: 13px;
  width: 197px;
}

/* 最新の半纏・最新の風呂敷 */
.recent {
  padding-bottom: 1px;
  color: #fff;
  background: #010134 url(../img/recent_bg.png) repeat;
}

#recent-furoshiki {
  margin-bottom: 19px;
  padding-bottom: 1px;
}

.recent ul {
  margin-right: -7px;
  margin-bottom: 1px;
}

.recent ul li {
	float: left;
	width: 106px;
	background: #000033 url(../img/item_bg.png) repeat-x;
	text-align: center;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
}

.recent ul li.last {
  margin-right: 0;
}

.recent ul li .customer,
.recent ul li .item {
  padding: 8px 2px 0 2px;
  height: 25px;
  _height: 32px;
  overflow: hidden;
}

.recent .more {
  margin-bottom: 6px;
  padding: 7px 10px;
  color: #fff;
  background: #000033;
  font-size: 116%;
}

/* 最新情報 */
#news h2 {
  margin-bottom: 6px;
}

#news ul {
  margin-bottom: 20px;
}

#news li {
  margin: 0 40px 0 20px;
  background: url(../img/line.png) repeat-x bottom;
  font-size: 116%;
}

#news li a,
#news li span {
  padding: 3px 10px 3px 20px;
  display: block;
  background: url(../img/pt.png) no-repeat 5px 9px;
}

/* 井上登メッセージ */
#master-message {
  padding: 10px;
  color: #fff;
  background: #000022 url(../img/inoue.png) no-repeat right bottom;
}

#master-message p {
  width: 460px;
  line-height: 1.25;
  font-size: 108%;
}

#master-message p.signature {
  text-align: right;
}
/* @end トップページメインエリア */

/* @group サイドバー */
#contact {
  margin-bottom: 6px;
  padding-top: 15px;
}

#example {
  margin: 0 0 20px 8px;
}

#menu {
  margin: 0 0 14px 12px;
  width: 148px;
}

#menu h2 {
  padding: 1px 0;
  width: 148px;
  color: #fff;
  background: url(../img/menu_title_bg.png) no-repeat left top;
  font-size: 116%;
  text-align: center;
}

#menu ul {
  border-top: 1px solid #036;
  background: #036;
}

#menu li {
  border: 1px solid #036;
  border-top: none;
  background: #114273;
}

#menu li a {
  padding: 4px 4px 4px 21px;
  display: block;
  background: url(../img/pt.png) no-repeat 6px 8px;
  font-size: 93%;
}

#sub .bnr li {
  margin-bottom: 10px;
  text-align: center;
}
/* @end サイドバー */


/* アンダーバー文字 */
.line{
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../img/note_line.gif);
	margin-right: 10px;
	margin-left: 15px;
	line-height: 20px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.midashi {
	font-size: 14px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #660000;
	padding-left: 7px;
	color: #333333;
	line-height: 18px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 13px;
	background-color: #F0F0F0;
	font-weight: bold;
}

/* --------------------------------------------------------------------------------------
 company
--------------------------------------------------------------------------------------- */

div.company {
	padding-bottom: 30px;
}

div.ctBoxWrap {
	width: 540px;
	margin-bottom: 30px;
	background: url(../company/img/bg_ct_rp.gif) repeat-y;
}

div.ctBoxWrap2 {
	width: 540px;
	margin-bottom: 0px;
	background: url(../company/img/bg_ct_rp.gif) repeat-y;
}

div.ctBox {
	width: 540px;
	padding-top: 20px;
	background: url(../company/img/bg_ct_tp.gif) no-repeat;
}

div.ctBoxIn {
	padding: 0 0 25px 10px;
	background: url(../company/img/bg_ct_bt.gif) no-repeat left bottom;
}


/* outline -------------------- */

table.outline {
	width: 520px;
	background: url(../company/img/bg_outline.gif) repeat-y;
}

table.outline th,
table.outline td {
	padding: 1px 0 9px 12px;
	background: url(../company/img/bg_outline_line.gif) repeat-x left bottom;
	vertical-align: top;
}

table.outline tr.end th,
table.outline tr.end td {
	padding-bottom: 0;
	background: none;
}

table.outline th {
	width: 120px;
	font-weight: normal;
	text-align: left;
}

/* contact -------------------- */

.bg{
	background-image:url(../img/contact_bg.gif);
	background-repeat: no-repeat;
	background-position: right;
}

/* お客様の声 -------------------- */


.koe{
	float: none;
	text-align: left;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 0;
	list-style-image: url(../img/ya.gif);
}


/* 相互リンク -------------------- */
#link{
	width: 170px;
	font-weight: normal;
	text-align: left;
	font-size: 14px;
	color: #FFFFFF;
	margin-right: 5px;
	margin-left: 5px;	
	}