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

/*------------------------------------------------------------
##############################################################
general

 #E3081A(濃) #FDCACE(薄) メインカラー
 #333333 通常のテキスト
 #3366CC テキストのリンク色
##############################################################
------------------------------------------------------------*/
* {
	font-style:normal;
	font-weight:normal;
	color:#333333;
	list-style-type:none;
	line-height:1.4em;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	margin: 0px;
	padding: 0px;
}
p {
	font-size:12px;
	word-wrap: break-word;
}
body {background:url(images/common_bg01.gif) left top repeat-y #ffffff}
input{line-height:1.2em}
img {
	border-style:none;
	vertical-align: bottom;
}
table {border-collapse:collapse}
a {color:#333333;text-decoration:none;}
a:hover {color:#223bb8;text-decoration:underline;}

#container {
	width:800px;
	background-color:#ffffff;
}

.strong {font-weight: bold; font-size:14px}
.back2top{font-size:12px;text-align:right;padding:0px 15px 0px 0px;margin:8px 0px 20px}
.back3top{text-align:right;padding:0px 15px 0px 0px;margin:-12px 0px 20px}

/*floatNA-------------------------------------------*/
#container #header,
#container #gn ul,
#container #main,
#container #btn {
overflow:hidden;
}
#container #header:after,
#container #gn ul:after,
#container #main:after,
#container:after {
content:"";
display:block;
clear:both;
height:1px;
visibility:hidden;
}

/*\*/
* html #container #header,
* html #container #gn ul,
* html #container #main,
* html #container #btn {
height:1em;
overflow:visible;
}
/**/

/*clear---------------------------------------------*/
.clr {
clear:both;
overflow:hidden;
width:0;
height:0;
margin:0;
border:0;
padding:0;
}



/*------------------------------------------------------------
##############################################################
header
##############################################################
------------------------------------------------------------*/
#container #header {
width:800px;
margin:0 0 4px;
}
#container #header #headerLogo {
	width:800px;
	float:left;
	margin: 0px;
}
#container #header #headerLogo img {
	margin:0px;
	vertical-align:bottom;
	float:left
}
#container #header #headerLogo img a {text-indent:0}
#container #header #headerLogo ul {
float:right;
margin:41px 0 0 0;
}
#container #header #headerLogo ul li {
display:inline;
padding:0px 5px 0px 8px;
border-left:1px solid #858585
}
#container #header ul li a {
color:#666666;
text-indent:0
}
#container #header ul li a:hover {
color:#223bb8;
text-decoration:underline;
}
#container #header a {
/*MacIE\*/
overflow:hidden;
/**/
}


/*------------------------------------------------------------
##############################################################
gn Navigation Bar
##############################################################
------------------------------------------------------------*/

#container #gn {
width:800px;
height:25px;
background:url(images/common_gn01.gif) 0 0 no-repeat;
line-height:0;
text-indent:-9999px;
}

#container #gn ul {
margin:0;
padding:0;
}
#container #gn ul li {
display: list-item;
height:25px;
float:left;
overflow:hidden;
}

#container #gn ul li a {
display:block;
height:25px;
overflow:hidden;
}


#container #gn ul li#gnbowler {width:120px;background:url(images/common_gn01.gif) 0 -25px no-repeat}
#container #gn ul li#gntopics {width:100px;background:url(images/common_gn01.gif) -120px -25px no-repeat}
#container #gn ul li#gncenter {width:160px;background:url(images/common_gn01.gif) -220px -25px no-repeat}
#container #gn ul li#gnqamfwc {width:220px;background:url(images/common_gn01.gif) -380px -25px no-repeat}
#container #gn ul li#gncompany {width:100px;background:url(images/common_gn01.gif) -600px -25px no-repeat}

#container #gn ul li#gnbowler a {width:120px;background:url(images/common_gn01.gif) 0 0px no-repeat}
#container #gn ul li#gntopics a {width:100px;background:url(images/common_gn01.gif) -120px 0px no-repeat}
#container #gn ul li#gncenter a {width:160px;background:url(images/common_gn01.gif) -220px 0px no-repeat}
#container #gn ul li#gnqamfwc a {width:220px;background:url(images/common_gn01.gif) -380px 0px no-repeat}
#container #gn ul li#gncompany a {width:100px;background:url(images/common_gn01.gif) -600px 0px no-repeat}

#container #gn ul li#gnbowler a:hover {width:120px;background:url(images/common_gn01.gif) 0 -25px no-repeat}
#container #gn ul li#gntopics a:hover {width:100px;background:url(images/common_gn01.gif) -120px -25px no-repeat}
#container #gn ul li#gncenter  a:hover{width:160px;background:url(images/common_gn01.gif) -220px -25px no-repeat}
#container #gn ul li#gnqamfwc a:hover {width:220px;background:url(images/common_gn01.gif) -380px -25px no-repeat}
#container #gn ul li#gncompany a:hover {width:100px;background:url(images/common_gn01.gif) -600px -25px no-repeat}

#bowler #container #gn #gnbowler a {width:120px;background:url(images/common_gn01.gif) 0 -25px no-repeat}
#topics #container #gn ul li#gntopics a{width:100px;background:url(images/common_gn01.gif) -120px -25px no-repeat}
#center #container #gn ul li#gncenter a{width:160px;background:url(images/common_gn01.gif) -220px -25px no-repeat}
#qamfwc #container #gn ul li#gnqamfwc a{width:220px;background:url(images/common_gn01.gif) -380px -25px no-repeat}
#company #container #gn ul li#gncompany a{width:100px;background:url(images/common_gn01.gif) -600px -25px no-repeat}

/*------------------------------------------------------------
##############################################################
mainContents 
##############################################################
------------------------------------------------------------*/
#container #main {
	width: 800px;
}
#container #main2 {
	background:url(images/common_bg02.gif) repeat-y left top;
	width:800px;
}

/*Breadcrums--------------------------------------------*/
#container #bread {
	width:800px;
	min-height:18px;
	_height:18px;
	margin:1px 0 1px 0;
	font-size: 10px;
}
#container #bread ul {
	margin:0 0 0 11px;
}
#container #bread ul li {
display:inline;
margin:0px 0px 0px 4px;
color:#333333
}
#container #bread ul li.child {
padding:0px 0px 0px 16px;
background-image:url(images/common_separator.gif);
background-position:0 50%;
background-repeat:no-repeat;
}
#container #bread ul .highlighted {
font-weight:bold;
color:#223BB8;
}

/*contents left--------------------------------------------------*/
#container #main2 #left {
width:182px;
float:left;
padding:0px 0px 200px 0px;
}
/*------------------------------------
 TOP TEMPLATE
--------------------------------------*/
#container #main #left {
	float:left;
	width: 600px;
	clear: left;
}
#container #main #left h2 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	width: 550px;
	padding: 2px 10px 2px 10px;
	background-image: url(images/title_bg01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 10px 0 0 10px;
}
#container #main #left #topics {
	margin:5px 0px 10px 10px;
	width: 560px;
	font-size: 12px;
	float: left;
	display: inline;
}
#container #main #left #topics .topicrow {
	background-image:url(images/list_bg_01.gif);
	background-repeat:repeat-x;
	background-position: 0px 8px;
}
#container #main #left #topics .icon {
	width:20px;
	vertical-align:top;
	padding:4px 0px 4px 0px;
	background-image: url(images/list_btn_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
}
#container #main #left #topics .date {
	width:88px;
	border:0px;
	vertical-align:top;
	padding:4px 0px 4px 0px;
}
#container #main #left #topics .text {
	border:0px;
	vertical-align:top;
	padding:4px 0px 4px 0px;
	width: 462px;
}

/*Side Menu -----------------------------------------*/
#container #main2 #left ul#menu ul,
#container #main2 #left ul#menu li ul{margin:0px;padding:0px;}
#container #main2 #left ul#menu li {
	border-bottom:1px solid #ccc;font-size: 12px;}
#container #main2 #left ul#menu li a {
	background:url(images/menu_bg05.gif) 50% 50% repeat-y;
	display:block;
	width:154px;
	height:auto;
	padding:10px 2px 8px 26px;}
#container #main2 #left ul#menu li a:hover {
	background:url(images/menu_bg06.gif) 50% 50% repeat-y;
	display:block;}
#container #main2 #left ul#menu li li{
	background:url(images/menu_bg07.gif) top left no-repeat;
	color:#223bb8;
	text-decoration:none;
	padding:6px 0 6px 37px;
	width:145px;
	font-weight:bold;border:none}
#container #main2 #left ul#menu li li a {
	margin:-6px 0 -6px -37px;
	padding:6px 0 6px 37px;
	width:145px;background:url(images/menu_bg01.gif) top left repeat-y;
	display:block}
#container #main2 #left ul#menu li li a:hover {
	margin:-6px 0 -6px -37px;
	padding:6px 0 6px 37px;
	width:145px;
	background:url(images/menu_bg02.gif) top left repeat-y;
	text-decoration:underline;
	color:#223bb8}
#container #main2 #left ul#menu .current {
	padding:10px 2px 8px 26px;
	background:url(images/menu_bg03.gif) 50% 50% repeat-y #fff;
	color:#223bb8;
	font-weight:bold
}
#container #main2 #left ul#menu .current2 {
	padding:10px 2px 8px 26px;
	background:url(images/menu_bg04.gif) 50% 50% repeat-y #fff;
	color:#223bb8;
	font-weight:bold
}
#container #main2 #left ul#menu .current2 a{
	padding:10px 2px 8px 26px;
	margin: -10px -2px -8px -26px;
	background:url(images/menu_bg04.gif) 50% 50% repeat-y #fff;
	color:#223bb8;
	font-weight:bold;
}
#container #main2 #left ul#menu .current3 {
	padding:10px 2px 8px 26px;
	background:url(images/menu_bg04.gif) 50% 50% repeat-y #fff;
	color:#223bb8;
}
#container #main2 #left ul#menu .current3 a{
	padding:10px 2px 8px 26px;
	margin: -10px -2px -8px -26px;
	background:url(images/menu_bg04.gif) 50% 50% repeat-y #fff;
	color:#223bb8;
}

#container #main2 #left ul#menu li li strong,
#container #main2 #left ul#menu .current2 strong{
	color:#223bb8;
	font-weight:bold;
}

#container #main2 #left img {
width:130px;
margin:10px 0 0 15px;
}
#container #main2 #left ul li a img {margin:10px 0px 10px 14px}


/*contents right--------------------------------------------------*/

#container #main2 #right {
	float:left;
	width:602px;
	margin-left:15px;
}

#container #main2 #right h2 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	width: 555px;
	padding: 2px 10px 2px 15px;
	background-image: url(images/title_bg02.gif);
	background-repeat: repeat;
	background-position: 0px 0px;
	margin: 10px 0 0 5px;
}
#container #main2 #right h3 {
	font-size: 14px;
	font-weight: bold;
	color: #E3081A;
	width: 535px;
	padding: 2px 10px 2px 25px;
	margin: 15px 0 15px 15px;
	border-bottom: solid #E3081A 1px;
	background-image: url(images/list_btn_02.gif);
	background-repeat: no-repeat;
}
#container #main2 #blank {
	margin: 20px 0 0 15px;
	width: 580px;
	height: 580px;
	font-size: 16px;
	color: #666666;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}


/*------------------------------------
 BOWLER
--------------------------------------*/
#bowler #container #main2 #right .ball {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	width: 555px;
	padding: 2px 10px 2px 15px;
	background-image: url(images/title_ball.jpg);
	background-repeat: repeat;
	background-position: 0px 0px;
	margin: 10px 0 0 5px;
}
#bowler #container #main2 #right .bag {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	width: 555px;
	padding: 2px 10px 2px 15px;
	background-image: url(images/title_bag.jpg);
	background-repeat: repeat;
	background-position: 0px 0px;
	margin: 10px 0 0 5px;
}
#bowler #container #main2 #right .apparel {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	width: 555px;
	padding: 2px 10px 2px 15px;
	background-image: url(images/title_apparel.jpg);
	background-repeat: repeat;
	background-position: 0px 0px;
	margin: 10px 0 0 5px;
}
#bowler #container #main2 #right #ball_information .ball_description dd{
	margin: 0px 0px 5px 15px;
	width: 220px;
	background-image:url(images/list_bg_01.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}



/*------------------------------------
 TOPIC TEMPLATE
--------------------------------------*/
/*--------topic_index--------*/
#container #main2 #right #topicList {
	margin:5px 0 20px 10px;
	width: 510px;
	font-size: 12px;
	min-height: 150px;
}
#container #main2 #right #topicList .topicrow {
	background-image:url(images/list_bg_01.gif);
	background-repeat:repeat-x;
	background-position: 0px 8px;
}
#container #main2 #right #topicList .icon {
	width:20px;
	vertical-align:top;
	padding:4px 0px 4px 0px;
	background-image: url(images/list_btn_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
}
#container #main2 #right #topicList .date {
	width:88px;
	border:0px;
	vertical-align:top;
	padding:4px 0px 4px 0px;
}
#container #main2 #right #topicList .text {
	border:0px;
	vertical-align:top;
	padding:4px 0px 4px 0px;
	width: 402px;
}
/*---------topic----------*/
#container #main2 #right .topic_content h3 {
	font-size: 14px;
	font-weight: bold;
	color: #E3081A;
	width: 525px;
	padding: 2px 10px 2px 25px;
	margin: 15px 0 15px 0px;
	border-bottom: solid #E3081A 1px;
	background-image: url(images/list_btn_02.gif);
	background-repeat: no-repeat;
}
#container #main2 #right .topic_content h4 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	width: 525px;
	padding: 2px 10px 2px 10px;
	margin: 15px 0 15px 0px;
	border-left: solid #CCCCCC 3px;
	border-bottom: solid #CCCCCC 1px;
}
#container #main2 #right .topic_content ol{
	margin-top: 10px;
	margin-left: 25px;
	display:list-item;
	padding: 0px;
}
#container #main2 #right .topic_content ol li{
	font-size: 12px;
	list-style-type: decimal;
	list-style-position: outside;
	overflow: visible;
}
#container #main2 #right .topic_content ul {
	margin-top: 10px;
	margin-left: 25px;
	display:list-item;
	padding: 0px;
}
#container #main2 #right .topic_content ul li{
	font-size: 12px;
	list-style-image: url(images/list_btn_01.gif);
	list-style-position: outside;
}
#container #main2 #right .topic_content dl {
	display:list-item;
	padding: 0px;
	margin-top: 10px;
	margin-left: 25px;
	font-size: 12px;
}
#container #main2 #right .topic_content dt {
	font-weight: bold;
	font-size: 12px;
}
#container #main2 #right .topic_content dd {
	margin-left: 20px;
	font-size: 12px;
}
#container #main2 #right .topic_content table {
	margin:10px 0px 0px 0px;
}
#container #main2 #right .topic_content table tr {
}
#container #main2 #right .topic_content table td {
	padding:5px;
	font-size: 12px;
	vertical-align:top;
	border-bottom:dashed 1px #cccccc;
}

/*------------------------------------
 LIST TEMPLATE
--------------------------------------*/
#container #main2 #right .list li a {
	width:450px;
	padding: 5px 5px;
	margin: 5px 0px 0px 30px;
	font-size: 14px;
	font-weight: normal;
	display: block;
	border-bottom: 1px solid #cccccc;
}
#container #main2 #right .list li a:hover{
	width:420px;
	padding: 5px 5px;
	margin: 5px 0px 0px 60px;
	border-bottom:dashed 1px #cccccc;
	font-size: 14px;
	font-weight: bold;
	display: block;
	list-style-image:url(images/list_btn_02.gif);
	list-position: inside;
}

/*------------------------------------
 HTML TEMPLATE
--------------------------------------*/

#container #main2 #right #html {
	margin: 0px 0px 0px 15px;
	width:550px;
}
#container #main2 #right #html p {
	margin-top: 5px;
	font-size: 12px;
}
#container #main2 #right #html b {
	font-weight: bold;
}
#container #main2 #right #html h3 {
	font-size: 14px;
	font-weight: bold;
	color: #E3081A;
	width: 525px;
	padding: 2px 10px 2px 25px;
	margin: 15px 0 15px 0px;
	border-bottom: solid #E3081A 1px;
	background-image: url(images/list_btn_02.gif);
	background-repeat: no-repeat;
}
#container #main2 #right #html h4 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	width: 525px;
	padding: 2px 10px 2px 10px;
	margin: 15px 0 15px 0px;
	border-left: solid #CCCCCC 3px;
	border-bottom: solid #CCCCCC 1px;
}
#container #main2 #right #html ol{
	margin-top: 10px;
	margin-left: 25px;
	display:list-item;
	padding: 0px;
}
#container #main2 #right #html ol li{
	font-size: 12px;
	list-style-type: decimal;
	list-style-position: outside;
	overflow: visible;
}
#container #main2 #right #html ul {
	margin-top: 10px;
	margin-left: 25px;
	display:list-item;
	padding: 0px;
}
#container #main2 #right #html ul li{
	font-size: 12px;
	list-style-image: url(images/list_btn_01.gif);
	list-style-position: outside;
}
#container #main2 #right #html dl {
	display:list-item;
	padding: 0px;
	margin-top: 10px;
	margin-left: 25px;
	font-size: 12px;
}
#container #main2 #right #html dt {
	font-weight: bold;
	font-size: 12px;
}
#container #main2 #right #html dd {
	margin-left: 20px;
	font-size: 12px;
}
#container #main2 #right #html table {
	margin:10px 0px 0px 0px;
}
#container #main2 #right #html table tr {
}
#container #main2 #right #html table td {
	padding:5px;
	font-size: 12px;
	vertical-align:top;
	border-bottom:dashed 1px #cccccc;
}
#container #main2 #right #html table .profileRow {
	background-image:url(images/list_bg_03.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	background-position: 0px 3px;
}
#container #main2 #right #html table .icon {
	background-image: url(images/list_btn_03.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding:0px;
	margin:0px;
	width:20px;
	border-bottom:none;
}
#container #main2 #right #html table .item {
	border:0px;
	vertical-align:top;
	padding:8px 0px 6px 0px;
	margin:0px;
	width: 108px;
}
#container #main2 #right #html table .text {
	border:0px;
	vertical-align:top;
	padding:8px 0px 6px 10px;
	margin:0px 5px 0px 0px;
	width: 372px;
}
#container #main2 #right #html .photo{
	margin:5px 15px 15px 0px;
	float:left;
	vertical-align:top;
}
#container #main2 #right #html .text{
	margin:0px 0px 0px 15px;
	width:530px;
}
#container #main2 #right #html .text .name{
	text-align:right;
}
#container #main2 #right #html .map{
	margin:0px 0px 20px 0px;
	float:left;
	vertical-align:top;
}
#container #main2 #right #html .direction{
	margin:0px 0px 20px 10px;
	font-size:12px;
	width: auto;
	float: right;
}

/*------------------------------------------------------------
##############################################################
footer
##############################################################
------------------------------------------------------------*/
#container #footer {
	background:#f2f2f2;
	border-top:1px solid #747474;
	width:800px;
	clear: both;
	margin: 0px;
}
#container #footer a{color:#666666}
#container #footer img{
	vertical-align:middle;
}
#container #footer #footer_02 a:hover{
	color:#223bb8;
	text-decoration:underline
}
#container #footer #footer_02 ul {
	float:right;
	display: inline;
}
#container #footer #footer_02 ul li {
	padding:0px 0px 0px 8px;
	border-left:1px solid #858585;
	display: inline;
	line-height: 20px;
}
#container #footer #footer_02 ul li a {
	color:#666666;
	padding:0px;
	text-indent:0px;
	font-size: 10px;
	width: 800px;
}
#container #footer #footer_02 ul li a:hover {
color:#223bb8;
padding:0px;
text-decoration:underline
}
#container #footer #footer_02 li.first {
	border-left: none;
}

/*copyright----------------------------------------------*/
address {
	text-align:right;
	margin:5px 15px 7px 0px;
	padding:0px;
	height:10px;
	line-height:0;
}
#container #footer #footer_01 {
	display: inline;
	float: left;
	margin: 5px 0px 5px 10px;
}
#container #footer #footer_02 {
	padding: 2px;
}


/*------------------------------------------------------------
##############################################################
Print （印刷用CSS）
##############################################################
------------------------------------------------------------*/
@media print{
	body {
		font-size:x-small;
		background-color:#fff;
		color:#000
	}
	h1 {margin-top:20px}

	#container #header {border-top:0}
	#container #header #headerLogo img {margin:0px 0px 0px 13px}
	#container #header #headerLogo ul {display:none}
	#container #header #headerContentTop {display:none}
	#container #gn {display:none}
	#rootDir #container #gnindex ul li#gnproduct {width:123px; text-indent:-1px;}
	#container #right #btn{visibility:hidden}
	#container #main2 #left {display:none}
	#container #main2 {background-image:none}
	#container #footer{display:none}
	#container #main2 #right {float:none}
	.back2top {visibility:hidden}
	address{text-align:left;clear:both; margin:0px 15px 6px 15px;}
	#container #main2 #right h2,h3 {width:602px; margin-left:0px; margin-right:0px}
	#container #main2 #right .topic_content {float:none; width:602px; margin-left:0px; margin-right:0px}
	#container #main2 #right .topic_content .img .thumnail{
		float:left;
		width: 90px;
		text-align: center;
		font-size:10px;
		display: block;
		padding:5px 0px 0px 0px;
	}
	#container #main2 #right .topic_content .img .pdf{
		float:left;
		width: 90px;
		clear:both;
		text-align: center;
		font-size:10px;
		display: block;
		padding:5px 0px 0px 0px;
	}
	#container #main2 #right .topic_content .paragraph-noimg{
		float:none; width:510px; margin-left:0px; margin-right:0px; display:block; clear:both;
	}
	#container #main2 #right .topic_content .img {
		float:right; width:280px; margin-left:0px; margin-right:0px; display:block;
	}
	#container #main2 #right .topic_content .paragraph {
		float:left; width:230px; margin-left:0px; margin-right:0px; display:block;
	}
}