@charset "utf-8";
/* CSS Document */

/*共通ルール*/
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}
img{
	border-style: none;
}
#center {
	text-align:center;
}
#title_box {
	margin:0 auto 40px;
	padding-top:40px;
	width:960px;
	border-top:dotted 2px #002fac;
	text-align:center;
}
#title_box h1 {
	margin-bottom:20px;
}
a:link {
	text-decoration:none;
	color:#000;
}
a:visited {
	color:#666;
}
a:hover {
	color:#f75321;
}
a:active {
	color:#002fac;
}
/* 文字の指定 ここから */
h1 {
	color:#f75321;
	font-size:277%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	font-weight:bold;
	text-align:center;
	line-height:1.5;
}
h2 {
	color:#000;
	font-size:247%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;
	line-height:1.5;
}
h3 {
	color:#fff;
	font-size:182%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	font-weight:bold;
	line-height:1.5;
}
h4 {
	color:#002fac;
	font-size:146.5%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	font-weight:bold;
	line-height:1.5;
}
h5 {
	font-size:123.1%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	font-weight:bold;
	line-height:1.5;
}
h6 {
	font-size:100%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	font-weight:bold;
}
p {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	line-height:1.2;
}
p.text {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	font-size:123.1%;
	line-height:2;
}
p.catch {
	color:#000;
	font-size:247%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	font-weight:bold;
	line-height:1.5;
	margin-bottom:10px;
}
p.sub {
	color:#000;
	font-size:182%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	font-weight:bold;
	line-height:1.5;
	margin-bottom:10px;
}
p.lead {
	color:#000;
	font-size:146.5%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	font-weight:bold;
	line-height:1.5;
	margin-bottom:10px;
}
p.center {
	text-align:center;
	margin-bottom:30px;
}
.copy {
	text-align: center;
	background-image: url(../about/img/obi.jpg);
	height: 40px;
	margin-bottom: 30px;
	line-height:40px;
}
strong {
	font-weight:bold;
	font-size:115%;
}
/*背景の指示*/
body {
	background-color:#f0f0f0;
}
/*コンテンツの指示*/
#wrap {
	width:960px;
	margin:0 auto;
	background-color:#f0f0f0;
}
/*ここからヘッダー*/
#header_area {
	width:100%;
	background: url(../img/header_area.jpg) no-repeat center top;
	margin-bottom:30px;
}
#header_area_inner {
	width:960px;
	margin:0 auto;
	background: url(../img/header.jpg) no-repeat;
}
#header_area_inner h1 {
	text-align:left;
}
/*-------------------------------ここからナビゲーション-------------------------------*/
.nav {
	height:50px;
	margin-bottom:20px;
}
.nav li {
	float:left;
	margin-right:70px;
}
.nav li a {
	display:block;
}
.nav li a img {
	display:block;
}
.nav li.li_last {
	margin-right:0;
}
/*-------------------------------ここからメイン-------------------------------*/
/*-------------------------------ここからindexページ-------------------------------*/
#about_sp {
	font-size:174%;
	text-align:center;
	line-height:2;
	margin-top:65px;
	margin-bottom:30px;
	font-weight:bold;
}
#side_bar {
	float: right;
}
#side_bar .banner {
	margin-bottom:20px;
}
#topics {
	width: 696px;
	border: 1px solid #002fac;
	margin-bottom:30px;
	background-color:#FFF;
}
div.list {
	margin: 5px auto 14px 0;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 696px;
	height:125px;
}
div.list dl {
	list-style: none outside none;
	margin-bottom: 4px;
	padding: 5px;
	font-size:123.1%;
}
div.list dt {
	color: #f75321;
	vertical-align: top;
	width: 70px;
	padding-left:10px;
}
div.list dd {
	vertical-align: top;
	width: 581px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom: 1px dotted #CCCCCC;
	padding-left: 90px;
	margin-top: -1.1em;
	line-height:1.25;
}
div.list dl dd a:link{
	color:#002fac;
	text-decoration: underline;
}
div.list dl dd a:visited{
	color:#002fac;
}
.topi {
	text-indent:1em;
	background-image:url(../img/topics.jpg);
	height:40px;
	line-height:40px;
}
/*-------------------------------ここからaboutページ-------------------------------*/
#photo {
	margin-bottom:30px;
}
#about_nav {
	width:762px;
	margin:0 auto 10px;
}
#about_nav li {
	float: left;
	margin-right: 20px;
	width: 234px;
	text-align: center;
	font-size: 123.1%;
}
#about_nav li a {
	display:block;
}
#about_nav li.li_last {
	margin-right:0;
}
#about .nav {
	width:762px;
	margin:0 auto 50px;
}
#about .nav li {
	margin-right:20px;
}
#about {
	margin-bottom:30px;
}
.a_box {
	margin-bottom:30px;
}
.a_box h1{
	text-align:left;
}
.left {
	float:left;
	width:480px;
	margin-bottom:30px;
}
.right {
	float:right;
	margin-bottom:30px;
}
.left h1 {
	margin-bottom:10px;
}
.n_text {
	font-size:123.1%;
	line-height:2;
	margin-bottom:10px;
}
.thumbnail {
	clear:both;
}
.thumbnail p {
	float:left;
	display:inline;
	margin-right:30px;
	margin-bottom:10px;
}
.thumbnail p.img {
	margin:0;
}
.caption p {
	float:left;
	display:inline;
	margin-right:30px;
	width:300px;
}
.caption p.img {
	margin:0;
}
.left #n_link p {
	float:left;
	margin-right:12px;
}
.left #n_link p.img {
	margin:0;
}
h1 a:link {
	color:#f75321;
}
h1 a:visited {
	color:#f75321;
}
h1 a:hover {
	color:#900;
}
/*-------------------------------ここからworksページ-------------------------------*/
/* -----主要取引先ここから----- */
#works table {
	border-collapse:separate;
}
#works th {
	font-size:123.1%;
	color:#fff;
	background-color:#2b499a;
	width:170px;
	height:82px;
	border-bottom:1px solid #e3e3e3;
	text-align:center;
	padding:16px;
}
#works td {
	font-size:108%;
	background-color:#e3e3e3;
	width: 260px;
	border-bottom:1px solid #002fac;
	text-align:left;
	padding-left:16px;
	line-height:2;
	height:82px;
}
#works td.short {
	width:200px;
}
#works td.space {
	padding-left:39px;
}
#works th.works_th_top {
	border-top:1px solid #002fac;
}
#works td.works_td_top {
	border-top:1px solid #002fac;
}
#works th.works_th_last {
	border-bottom:1px solid #002fac;
	height:80px;
}
#works td.works_td_last {
	border-bottom:1px solid #002fac;
	padding: 17px 0px;
	padding-left:39px;
	height:80px;
}
#works table {
	margin-bottom:30px;
}
p.w_text {
	margin-bottom:30px;
	line-height:1.5;
	font-size:123.1%;
}
#works p.w_img{
	margin-bottom:15px;
}
.etc p {
	float:left;
	display:inline;
	margin-bottom:15px;
	margin-right:15px;
}
.etc p.img {
	margin:0;
}
.w_img {
	margin-bottom:15px;
}
#exhibition {
	margin-bottom:15px;
}
/* -----主要取引先ここまで----- */
/*-------------------------------ここからproductページ-------------------------------*/
.pro_box {
	width:960px;
}
.pro_box h3, .pro_box_r h3 {
	width:286px;
	height:30px;
	font-size:146.5%;
	text-indent:1em;
	margin-bottom:10px;
	line-height:30px;
}
.pro_box h4 {
	font-size:123.1%;
	margin-bottom:10px;
}
.pro_box p {
	font-size:123.1%;
	line-height:1.5;
	margin-bottom:15px;
}
.pro_item {
	width:286px;
	float:left;
	margin-right:51px;
}
.pro_item_r {
	width:286px;
	float:right;
}
.pro_item a img, .pro_item_r a img {
	margin-bottom:10px;
}
/* 詳細ページへ */
.to_details {
	float:right;
	margin-bottom:50px;
}
/* 本文のリンク */
a.text_link:link {
	color:#f75321;
	text-decoration: underline;
}
a.text_link:visited {
	color:#002fac;
}
a.text_link:hover {
	color:#900;
}
/* 本文強調 */
span.back_ylw {
	font-weight:bold;
}
/*商品ごとに背景を指定しています */
.pro_box h3.normal {
	background:url(../product/img/pro_obi.jpg);
}
.pro_box h3.sheeton {
	background:url(../product/img/pro_obi_sheeton.jpg);
}
.pro_box h3.has001 {
	background:url(../product/img/pro_obi_has001.jpg);
}
.pro_box h3.has002 {
	background:url(../product/img/pro_obi_has002.jpg);
}
.pro_box h3.rz05 {
	background:url(../product/img/pro_obi_rz05.jpg);
}
.pro_box h3.fishgrip {
	background:url(../product/img/pro_obi_fishgrip.jpg);
}
.pro_box h3.carabiner {
	background:url(../product/img/pro_obi_carabiner.jpg);
}
/*-------------------------------ここから各商品詳細ページ-------------------------------*/
/* 商品説明全体 */
#item_description {
	margin:0 auto 50px;
	padding-top:50px;
	width:960px;
	border-top:dotted 2px #002fac;
}
/* 商品説明／タイトル */
.item_title {
	margin-bottom:30px;
}
/* 商品説明／メイン画像 */
#item_main {
	width:480px;
	float:left;
	margin-bottom:50px;
}
/* 商品説明／本文 */
.item_text {
	width:430px;
	float:right;
	line-height:1.5;
	margin-bottom:50px;
}
/* 商品説明／商品名 */
.item_text h4 {
	margin-bottom:10px;
}
.item_text p {
	font-size:116%;
	line-height:1.3;
	margin-bottom:10px;
}
.item_text p a {
	font-size:93%
}
#item_main p {
	font-size:131%;
}
/* -----商品説明／リンク ----- */
.item_text a {
	font:108% bold;
}
.item_text a:link {
	color:#f75321;
	text-decoration:underline;
}
.item_text a:visited {
	color:#002fac;
}
.item_text a:hover {
	color:#990000;
}
/* -----商品仕様表ここから----- */
.item_text th, .item_text td {
	font-size:108%;
}
.item_text th {
	background-color:#f2dad5;
	background-image:url(../product/img/item_th_back.jpg);
	background-repeat:repeat-y;
	width:140px;
	height:27px;
	border-bottom: 1px solid #b3b3b3;
	text-align:left;
	padding-left:1em;
	font-weight:bold;
}
.item_text td {
	background-color:#e3e3e3;
	width:290px;
	border-bottom:1px solid #b3b3b3;
	border-left:1px solid #b3b3b3;
	text-align:left;
	padding-left:1em;
	line-height:1.75;
}
.item_th_top {
	border-top:3px solid #f75321;
}
.item_td_top {
	border-top:3px solid #002fac;
}
/* -----商品仕様表ここまで----- */

/* -----商品画像（小）ここから----- */
ul#item_photo {
	margin-bottom:50px;
	clear:both;
}
ul#item_photo li {
	float:left;
	margin-right:30px;
}
ul#item_photo li a, ul#item_photo li a img {
	display:block;
}
ul#item_photo li.end {
	margin-right:0;
}
/* -----商品画像（小）ここまで----- */
/* -----商品画像 Viewerここから----- */
.item_text table {
	border-collapse:separate;
	padding-top:30px;
}
#item_main img {
	margin-bottom:10px;
}
#item_photo li.active {
	opacity:1;
}
#item_photo li {
	opacity:0.5;
	-webkit-transition:opacity 0.3s ease ;
	transition:opacity 0.3s ease;
}
#item_photo li:hover {
	opacity:1;
}
#shopping_link {
	width:960px;
	text-align:center;
	margin-bottom:70px;
}
/* -----商品画像 Viewerここまで----- */

/* -----商品説明／PDFアイコン ----- */
p.pdf_icon {
	height:24px;
	padding-left:26px;
	background:url(../product/img/pdf_icon.png) no-repeat;
}
p.pdf_icon a {
	line-height:24px;
}
/* -----商品説明／Get Adobe Reader ----- */
#get_reader {
	font-size:77%;
}
#get_reader p {
	float:left;
	margin-right:7px;
}
#get_reader a:link {
	color:#f75321;
	text-decoration: underline;
}
#get_reader a:visited {
	color:#002fac;
}
#get_reader a:hover {
	color:#990000;
}
/*-------------------------------ここからcontactページ-------------------------------*/
#contact_finish h1 {
	margin-bottom:30px;
}
#contact h3 {
	width:960px;
	height:40px;
	text-indent:170px;
	line-height:40px;
	color:#FFFFFF;
	margin-bottom:30px;
}
#contact h4 {
	width:700px;
	margin:0 auto;
	color:#002fac;
}
.contact_notes li {
	list-style-type:disc;
	width:690px;
	margin:0 auto;
	margin-bottom:5px;
}
.contact_notes {
	margin-bottom: 30px;
	margin-left: 30px;
	line-height:1.5;
	font-size: 123.1%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#contact em {
	color:#f75321;
	font-style:oblique;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#contact #chapter {
	margin:0 auto 10px;
	width:700px;
}
#chapter table {
	collapse:collapse;
	margin-bottom: 20px;
}
#chapter tr {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:93%;
}
#chapter th {
	background-color:#c1cceb;
	width:150px;
	padding-left:16px;
	border-top:1px solid #f0f0f0;
}
#chapter td {
	background-color: #FFF;
	width:510px;
	border-top:1px solid #f0f0f0;
	border-left:1px solid #f0f0f0;
	padding-left:24px;
	height:58px;
	margin:14px 0 14px 0;
}
#chapter td input[type="text"] {
	height:30px;
	width:220px;
	padding-left:10px;
	margin-right:10px;
}
form textarea {
	margin:14px 24px 14px 0;
}
span.form_radio {
	padding-left:5px;
	padding-right:10px;
}
td img {
	vertical-align:middle;
	padding-left:5px;
	padding-bottom:5px;
}
#contact p.required_items {
	font-size:123.1%;
}
input#submit {
	width:80px;
	height:25px;
	line-height:25px;
	font-size:93%;
}
#form_buttun {
	text-align:center;
	margin-bottom:30px;
	display:block;
}
#contact p.telcontact {
	font-size:200%;
	text-align:center;
	margin-bottom:5px;
}
h3.mail_info {
	background-image:url(../contact/img/contact_obi_mail.jpg);
}
h3.tel_info {
	background-image:url(../contact/img/contact_obi_tel.jpg);
}
#contact p.c_notes_tel {
	font-size:123.1%;
	text-align:center;
	margin-bottom:30px;
}
#chapter_finish {
	width:700px;
	margin:0 auto 10px;
}
#chapter_finish #form_finish {
	border:1px solid #002fac;
	background-color:#FFFFFF;
	padding:40px;
	margin:40px;
	text-align:center;
	font-size:182%;
}
.contact_sentence {
	margin-bottom:50px;
}
.contact_sentence p {
	font-size:132.1%;
	line-height:1.8;
	width:690px;
	margin:0 auto;
}
.progression {
	margin-bottom:25px;
}
.required_items {
	margin-bottom:5px;
}
/*-------------------------------ここまでメイン-------------------------------*/
/*-------------------------------ここからフッター-------------------------------*/
#footer_upper,#footer_upper_home,#footer_upper_item {
	background: url(../img/footer.png) no-repeat;
	text-align:right;
	padding-right:45px;
	padding-top:6px;
	padding-bottom: 12px;
}
#footer {
	border: 1px solid #002fac;
	background-color:#ffffff;
	padding:15px 35px 10px 40px;
	margin-bottom:40px;
}
#footer ul {
	float:left;
	width:200px;
	line-height:2.25;
	font-weight:600;
	font-size:123.1%;
}
#footer ul li a {
	background: url(../img/sankaku.gif) no-repeat left center;
	padding-left:20px;
}
.ul_2 {
	padding-left:52px;
}
.box_last {
	width: 390px;
	float:right;
	border-left:1px solid #002fac;
	text-align:center;
	padding-left: 40px;
}
#f_logo {
	margin-bottom:10px;
}
#copyright {
	font-size:123.1%;
}