@charset "utf-8";

/*初期化用*/
@import "reset.css";


body{
	font: 14px "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color: #252525;
	background-image: url(img/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

body#sub {
	background-image: url(img/2.jpg);
}

a{
	color: #FF0066;
	text-decoration: none;
}
a:hover{
	color: #990033;
	text-decoration: none;
}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}
p{
	margin-bottom: 10px;
	margin-left: 20px;
}
.center{text-align:center;}
.right{text-align:right;}

a:hover img{
	 opacity:0.7;
	 filter:alpha(opacity=70);
	 -ms-filter: "alpha( opacity=70 )";
 }

hr{
	clear: both;
	visibility: hidden;
}

/*************
clearfix
*************/

.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: " ";
}

.clearfix {
	display: inline-block;
}

/* \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
	
}

/*************
全体幅
*************/

#header, #container{
	margin: 0 auto;
	width: 952px;
	background-color: #FFF;
}

#container {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FF0066;
}

/*************
/* ヘッダー
*************/
#header{
	font-size: 1.2em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FF0066;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FF0066;
	width: 950px;
}

#header-in {
	padding-left: 20px;
	position: relative;
	margin-top: 0px;
	margin-right: 20px;
}

#headerlogo h1{
	position: absolute;
	display: block;
	height: 58px;
	width: 390px;
	margin-bottom: 15px;
	top: 12px;
	left: 30px;
}

#headerlogo h2{
	position: relative;
	display: block;
	height: 55px;
	width: 166px;
	margin-bottom: 25px;
	top: 18px;
	left: 515px;
}

#headerlogo h3{
	background-image: url(img/header_tel.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	position: absolute;
	display: block;
	height: 58px;
	width: 206px;
	margin-bottom: 25px;
	top: 15px;
	right: 0px;
	}


/******************
/* ヘッダーナビゲーション
******************/

/* ---------------------- Dolphin nav ---------------------- */
#tabs24{position:relative;height:43px;font-size:14px;text-transform:uppercase;background:#fff url("images/time4bed_bg.gif") repeat-x bottom left;}
#tabs24 ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#tabs24 ul li{display:block;float:left;margin:0 2px;}
#tabs24 ul li a{display:block;float:left;color:#000;text-decoration:none;padding:0 0 0 25px;height:43px;line-height:50px;}
#tabs24 ul li a span{display:block;float:left;padding:0 25px 0 0;height:31px;width:auto;}
#tabs24 ul li a:hover{color:#fff;}
#tabs24 ul li a:hover span{display:block;cursor:pointer;}
#tabs24 ul li a.current,#time4bed-nav ul li a.current:hover{color:#894d12;background:transparent url("images/time2bed_left-ON.gif") no-repeat top left;}
#tabs24 ul li a.current span{background:transparent url("images/time2bed_right-ON.gif") no-repeat top right;height:43px;}
#tabs24 ul li a.current{color:#000;}
/* ---------------------- END Dolphin nav ---------------------- */

#breadcrumbs{
	width: 950px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
}

#breadcrumbs ol{
	padding-right: 20px;
}

#breadcrumbs ol li{
	float: right;
	padding-top: 15px;
	font-size: 85%;
	padding-right: 5px;
}

#breadcrumbs ol li a{
	padding-right: 23px;
	background-image: url(img/arrow_r.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

/*************
メイン
*************/

#main{
	width: 950px;
	float: left;
	top: 196px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FF0066;
	border-left-color: #FF0066;
	background-color: #FFF;
}

/************************
メインコンテンツ（右側）
************************/

#main_contents {
	float: right;
	width: 687px;
	padding-bottom: 50px;
	margin-right: 20px;
}

#mainImage{
	padding: 0;
	margin-bottom: 0px;
	width: 680px;
	float: right;
	margin-right: 0px;
}

/* bxsliderカスタマイズ */
.bx-custom-pager{bottom: -33px !important;}
.bx-custom-pager .bx-pager-item{width: 12.5%}
.bx-pager-item .active img{opacity: 0.3}

/* 個別記事セクション */
#main_contents .section{
	float: left;
	width: 666px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
}

/* 個別記事セクションインナー */
#main_contents .section_in{
	margin-top: 10px;
	margin-bottom: 5px;
	clear: both;
	margin-right: 0px;
	float: left;
	width: 100%;
}

/* 個別記事セクションインナー内テキストbox */
.section_innerbox{
	float: left;
	width: 330px;
	text-align: left;
}

/* 個別記事セクションインナー内テキストbox */
.section_innerbox_right{
	float: left;
	width: 330px;
	text-align: left;
}
.section_innerbox_right ul{
	margin-top: 150px;
}

.section_innerbox_right ul li{
	margin-left: 35px;
	list-style-type: square;
	margin-bottom: 10px;
}

/* iframe設定 */
iframe {
	border: 1px solid #FFF;
	}
	
#ifheigh{
	height: 1100px;
}
#ifheigh2{
	height: 2500px;
}
/* 個別記事セクションインナー2box */
#main_contents .section_in2{
	margin-left: 3px;
	margin-top: 20px;
	margin-bottom: 5px;
	margin-right: 0px;
	float: left;
	width: 320px;
}

/* 個別記事セクションインナー2box下テキストbox */
.section_innerbox_under{
	width: 245px;
	text-align: left;
	margin-left: 32px;
}
.section_innerbox_under ul{
	margin-top: 10px;
}

.section_innerbox_under ul li{
	margin-left: 20px;
	list-style-type: square;
	margin-bottom: 10px;
}


/* 個別記事セクション ---フォーム専用*/
#main_contents .sectionform{
	float: left;
	width: 666px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

/* H2 見出し */
#main_contents h2{
	font-size: 1.3em;
	color: #000;
	text-align: left;
	padding-left: 38px;
	padding-bottom: 4px;
	padding-top: 5px;
	letter-spacing: 0.25em;
	width: 637px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	display: block;
	border: 1px solid #000000;
	background-image: url(img/h2bg.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: normal;
}

/* H3 見出し */
#main_contents h3{
	color: #FF0066;
	padding-left: 18px;
	padding-bottom: 4px;
	padding-top: 5px;
	font-weight: normal;
	margin-top: 0;
	margin-right: 0;
	margin-left: 15px;
	margin-bottom: 20px;
	border-left-style: solid;
	border-left-width: 5px;
	border-bottom-color: #000;
	border-left-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	font-size: 1.2em;
	width: 636px;
	display: block;
}

/* H4 見出し */
#main_contents h4{
	color: #66CC00;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 30px;
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #FF0066;
	background-image: url(img/nav_mark1.png);
	background-repeat: no-repeat;
	background-position: left center;
	letter-spacing: 5px;
	font-size: 1.3em;
	clear: both;
}

/* H5 見出し */
#main_contents h5{
}

/* H6 見出し */
#main_contents h6{
}

/* 商品ラインナップアイコン */
.p_icon{
	padding: 0px;
	margin-right: 9px;
	float: left;
}

/* フォント見本アイコン */
.f_icon{
	padding: 0px;
	margin-right: 22px;
	float: left;
}

/* 個別記事内段落 */
#main_contents .section p{
	font-size: 100%;
	color: #111;
	padding-right: 0px;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 160%;
}

#main_contents .section p.ind{
	font-size: 100%;
	color: #111;
	padding-right: 0px;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 160%;
	text-indent: -1em;
	padding-left: -1em;
	margin-left: 2em;
}

/* 個別記事内リスト---番号付ol */
#main_contents .section ol{
	margin-left: 35px;
}

#main_contents .section ol .num{
	list-style-type: decimal;
	line-height: 180%;
	font-size: 100%;
	margin-left: 30px;
}

#main_contents .section ol li .num{
	list-style-type: decimal;
}

/* 個別記事内リスト---番号付ol次段 */

#main_contents .section ol li.num2{
	list-style-type: decimal;
	line-height: 180%;
	font-size: 100%;
	margin-left: 20px;
}

/* 部分強調用色文字いろいろ */
.pink{
	color: #FF6699;
}

.pinkbold{
	font-weight: bold;
	color: #FF6699;
}

.blue{
	color: #3366FF;
}

.bluebold{
	font-weight: bold;
	color: #3366FF;
}

.orange{
	color: #FFC200;
}

.orangebold{
	font-weight: bold;
	color: #FFC200;
}

.red{
	color: #F00;
}

.redbold{
	font-weight: bold;
	color: #F00;
}

/* 個別記事セクション2（2box） */
#main_contents .section2{
	float: left;
	width: 320px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
}

/* 2box用見出し＆リスト */
#main_contents .section2 h3 {
	width: 300px;
	height: 17px;
	font-size: 1.2em;
	color: #777777;
	text-align: left;
	padding-left: 20px;
	padding-bottom: 15px;
	padding-top: 8px;
	font-weight: bold;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DADADA;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}

#main_contents .section2 ul {
	margin-left: 20px;
}

#main_contents .section2 ul li a{
	background-image: url(img/list.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	line-height: 200%;
}

#main_contents .section2 ul li a:hover{
	background-image: url(img/list.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 20px;
}

/************************
会社概要テーブル
************************/

#company-table {
	width: 630px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}
#company-table th {
	width: 100px;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px dotted #F8C2C7;
	vertical-align: top;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #888;
	margin: 0px;
}
#company-table td {
	border-bottom: 1px dotted #F8C2C7;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

/************************
特定商取引テーブル
************************/


#tokutei-table {
	width: 600px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	border: 1px solid #000000;
}
#tokutei-table th {
	width: 120px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	color: #000;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-color: #EEEEEE;
	padding: 7px;
}
#tokutei-table th.pink {
	background-color: #F36;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
	color: #EEE;
	border: 1px solid #000000;
}
#tokutei-table td {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding: 7px;
}

/************************
宛名印刷価格表テーブル
************************/


#price-table {
	width: 300px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	border: 1px solid #369;
}
#price-table th {
	font-weight: normal;
	vertical-align: top;
	color: #036;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555555;
	background-color: #D2D2FF;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 4px;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #555;
}
#price-table td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555555;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 4px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #555;
	margin: 0px;
}

/************************
差出人印刷価格表テーブル
************************/


#price2-table {
	width: 250px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	border: 1px solid #369;
}
#price2-table th {
	font-weight: normal;
	vertical-align: top;
	color: #906;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555555;
	background-color: #FFCCCC;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 4px;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #555;
}
#price2-table td {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555555;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 4px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #555;
}

/************************
宛名入力価格表テーブル
************************/

#price3-table {
	width: 250px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	border: 1px solid #369;
}
#price3-table th {
	font-weight: normal;
	vertical-align: top;
	color: #930;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555555;
	background-color: #CCFF00;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 4px;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #555;
}
#price3-table td {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555555;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 4px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #555;
}

/************************
フォームIFlame
************************/

Iframe{
	margin: 0px;
	padding: 0px;
	width: 660px;
	height: 700px;
}

/************************
サイドメニュー（左側）
************************/

#sidebar {
	float: left;
	width: 212px;
	padding-bottom: 20px;
	margin-left: 20px;
}

#sidebar #box{
	width: 208px;
	border: 1px solid #000000;
	padding-bottom: 20px;
}

#sidebar h3 a{
	color: #000;
	background-color: #FF0066;
	display: block;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 30px;
	background-image: url(img/icon_a.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

#sidebar h3 a:hover{
	color: #FF9;
	background-color: #000;
}

#sidebar ul{
	padding-bottom:10px;
}

#sidebar #box ul li a{
	line-height: 200%;
	display: block;
	height: 32px;
	padding-top: 8px;
	margin: 0;
	padding-left: 30px;
	font-size: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000000;
	background-image: url(img/list.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #FFEEDD;
	color: #000;
}

#sidebar #box ul #end a{
	border-bottom-style: solid;
	border-bottom-color: #000;
}

#sidebar #box ul li a:hover{
	background-position: 15px 50%;
	background-color: #000;
	color: #FF9;
	}

#sidebar h4{
	color: #FF0066;
	margin-top: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 8px;
	font-size: 1.2em;
}

#sidebar h5{
}

#sidebar h6{
	color: #777;
	font-weight: normal;
	font-size: 90%;
	text-align: center;
	margin-top: 15px;
}

#sidebar #box a .bn{
	margin-top: 10px;
	margin-bottom: 4px;
	margin-right: 0px;
	margin-left: 8px;
}

/*************
コンテンツ全体
*************/

/* 最後のbox */
.last{margin-right:0;}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

.box_img_border{
   border: 4px solid #fff;
}

/*************
/* フッター
*************/

#footerUpper{
	clear: both;
	margin-top: 0px;
	overflow: hidden;
	width: 952px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FF0066;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0066;
}

.box{
	float: left;
	width: 210px;
	margin-right: 0px;
	padding-bottom: 23px;
	line-height: 1.2;
}

/* 最後のbox */
.last{margin-right:0;}

#footerUpper a{
	color:#e1e1e1;
	text-decoration:none;
	}

#footerUpper a:hover{
	color:#fff;
	}

#footerUpper .inner{
	overflow: hidden;
	background-color: #FF0066;
	float: left;
	margin-left: 30px;
}

#footerUpper .inner ul{
	padding-bottom:5px;
}

#footerUpper .inner ul li a{
	line-height: 180%;
	padding-left: 25px;
	font-size: 100%;
	background-image: url(img/list.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}

#footerUpper .inner ul li a:hover{
	background-position: 15px 50%;
	color: #FF6;
	}

#footerLower{
	overflow: hidden;
	background-color: #FF0066;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#footerLower .inner{
	position: relative;
	min-height: 60px;
	color: #fff;
	font-size: 13px;
	background-color: #FF0066;
}

* html #footerLower .inner{
	height:60px;
	}

#footerLower .inner p{
	position: absolute;
	top: 10px;
	padding-bottom: 5px;
	margin-left: 20px;
}

#footerLower .inner p#contact{
	right: 20px;
	text-align: right;
}
.sitelist {
	width: 50%;
}