@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      style.css
 Style Info:     共通レイアウト
----------------------------------------------------------- */

/*---------------------------
 //// 汎用
---------------------------*/

.icon01 {
	background:url(../img/language_arrow.gif) no-repeat left center;
	padding-left:15px;
}


.numIcon01,
.numIcon02,
.numIcon03,
.numIcon04,
.numIcon05,
.numIcon06,
.numIcon07,
.numIcon08,
.numIcon09 {
	padding: 3px 0 7px 35px;
}
.numIcon01 {
	background: url(../img/icon_num01.gif) no-repeat left top;
}
.numIcon02 {
	background: url(../img/icon_num02.gif) no-repeat left top;
}
.numIcon03 {
	background: url(../img/icon_num03.gif) no-repeat left top;
}
.numIcon04 {
	background: url(../img/icon_num04.gif) no-repeat left top;
}
.numIcon05 {
	background: url(../img/icon_num05.gif) no-repeat left top;
}
.numIcon06 {
	background: url(../img/icon_num06.gif) no-repeat left top;
}
.numIcon07 {
	background: url(../img/icon_num07.gif) no-repeat left top;
}
.numIcon08 {
	background: url(../img/icon_num08.gif) no-repeat left top;
}
.numIcon09 {
	background: url(../img/icon_num09.gif) no-repeat left top;
}

.blockIcon01 {
	padding: 0 0 7px 15px;
	background: url(../img/icon_block01.gif) no-repeat 0 3px;
}
/*---------------------------
 //// 製品
---------------------------*/
.centerContents02{
	width:752px;
	float:right;
}

.centerContents02 .productHeading{
	padding: 0;
	font-size:120%;
	font-weight:bold;
	margin-bottom:15px;
	line-height: 1.3;
	background:url(../img/heading_usually_bg_glay.gif) repeat-x left bottom;
}
.centerContents02 .productHeading span{
	display: inline-block;
	padding:0 10px 5px;
	background:url(../img/heading_usually_bg_orenge.gif) repeat-x left bottom;
}
.productCopy {
	padding: 0 10px  18px 20px;
	line-height: 1.6;
	font-size: 180%;
	font-weight: bold;
}

.productParagraph01 {
	margin-bottom: 15px;
}
.productParagraph02 {
	margin-bottom: 15px;
	padding: 13px;
	background: #ebebeb;
}

.productParagraph03 {
	margin-bottom: 15px;
	padding: 13px;
	background: #f3f1dc;
}
.productParagraph03 h4 {
	font-size: 140%;
	font-weight: bold;
}
.centerContents02 .productSize {
	clear: both;
	padding: 7px 11px;
	margin: 10px 0 15px;
	border: #ccc 1px solid;
}
.centerContents02 .productSize p {
	margin: 0;
	padding: 0;
}
.centerContents02 dt {
	font-weight: bold;
}
.centerContents02 dd {
	margin-bottom: 12px;
}

.centerContents02 table.table01 {
	border-collapse: collapse;
	border: #ccc 1px solid;
	margin-top: 15px;
}
.centerContents02 table.table01 th,
.centerContents02 table.table01 td {
	border: #ccc 1px solid;
	padding: 6px;
}
table.table02 {
	width: 742px;
	margin-top: 15px;
	border-collapse: collapse;
	border: #ccc 1px solid;
}
table.table02 th {
	padding: 5px;
	background: #eee;
	border: #ccc 1px solid;
	font-weight: bold;
	color: #000;
}
table.table02 th
table.table02 td {
	padding: 5px;
	border: #ccc 1px solid;
}
.centerContents02 p {
	margin-bottom: 0.5em;
}
.centerContents02 a {
	color: #3333FF;
}
.centerContents02 a:hover {

}
.productsTable02{
	width:752px;
	margin-bottom:20px;
}

.productsTable02 ul.productsList {
	float: left;
	width: 750px;
	margin-bottom: 20px;
}
.productsTable02 ul.productsList li{
	float:left;
	width: 240px;
	*height: 280px;
	#height: 280px;
	padding:0 10px 7px 0;
	line-height: 1.3;
	#white-space: nowrap;/*IE回避用*/
	display: block;
}
.productsTable02 ul.productsList li img {
	margin-bottom: 5px;
}
.productsTable02 ul.productsList li span.entryTitle {
	margin-bottom: 5px;
	font-size: 110%;
	font-weight: bold;
}
.productsTable02 ul.productsList li span.entryTitle a {
	color: #333;
}
.moreImage {
	clear: both;
}
.moreImage ul {
	clear: both;
}
.moreImage ul li {
	float: left;
	width: 240px;
	padding: 0 8px 8px 0;
	text-align: left;
}
.moreImage ul li a {
	color: #333;
}
.moreImage ul li a:hover {
	text-decoration: none;
}

/*---------------------------
 //// 全体の囲み
---------------------------*/

#wrapper{
	width:980px;
	margin:0 auto;
	text-align:left;
	line-height:1.5;
}


.contentsWrapper{
	float:left;
	width:960px;
	margin-bottom:25px;
}



/*---------------------------
 //// ヘッダー
---------------------------*/
#headerWrap{
	width:100%;
	background:url(../img/header_bg.gif) repeat-x left bottom;
}

.header{
	width:980px;
	margin:0 auto;
	text-align: left;
}

.headerMain{
	width:645px;
	padding:5px 0 0 20px;
	float:left;
}

.headerMainLeft{float:left;}

.headerMain h1{
	padding-bottom:3px;
	font-size:83%;

}

#logo{
	text-align:left;
	margin: 0 0 3px 0;
}
.contactBanner{
	padding:5px 10px 0 0;
	float:right;
}

/*---------------------------
 //// 検索フォーム
---------------------------*/

.utility{
	float:right;
	/width: 350px;
	padding: 5px 0 0 0;
}


.utility ul.search {
	float: none;
	margin: 0;
}
.utility ul.search li {
	float: left;
	margin: 0;
	vertical-align: top;
}

.utility ul.search li .ti{
	width: 170px;
	height: 17px;
	color:#9f9f9f;
	border: 1px solid #999;
	/margin-top: -1px;
}
.utility p.sitemap {
	clear: both;
	margin: 0;
	padding: 5px 0 0 0;
	/padding: 0;
	font-weight: bold;
	line-height: 1;
}
.utility p.sitemap a {
}

.utility ul.lng{
	clear: both;
	margin: 0;
	padding: 5px 0 0 0;
}

.utility ul.lng li{
	float:left;
	background:url(../img/language_arrow.gif) no-repeat left center;
	padding-left:12px;
	margin-right:13px;
	#white-space: nowrap;/*IE回避用*/
	display: block;
	line-height: 1;

}


/*---------------------------
 //// メニュー
---------------------------*/

.menuFrame{
	width:980px;
	margin:0 auto;
	height:50px;
	clear:both;
}

.menuFrame ul{margin-left:10px;}

.menuFrame ul li{
	float:left;
	margin-top:20px;
}







/*---------------------------
 //// 共通ナビ
---------------------------*/

.sideTableBase{
	clear:both;
	width:187px;
	margin-bottom:5px;
	line-height: 1.3;
	font-weight:normal;
	background:url(../img/sideTable_base.gif) no-repeat center bottom;
}
.sideTableBase h3,
.sideTableBase h4 {
	padding: 0 0 4px;
	font-size: 110%;
	font-weight: bold;
}
.sideTableBase .inner{
	width:157px;
	background:url(../img/sideTable_head.gif) no-repeat center top;
	padding:15px;
}
.sideTableBase .inner p {
	margin-bottom: 0.2em;
}

.sideTableBase .EnumerationTxt{
	font-size:83%;
	padding:15px;
	background:url(../img/sideTable_head.gif) no-repeat center top;
	color: #888;
}




.BtnFootContact {
	clear: both;
	padding: 25px 0 0 0;
	text-align: right;
}



/*---------------------------
 //// レフトナビページ共通
---------------------------*/
div#leftNaviContents {
	margin-bottom: 8px;
	background: url(../img/leftNavi_base.gif) repeat-y left bottom;
	font-weight: bold;
	text-align: left;
}

div#leftNaviContents .leftNaviTopTitle{
}

div#leftNaviContents .leftNaviTopTitle h2,
div#leftNaviContents .leftNaviTopTitle h3{
	padding: 18px 0 7px 15px;
	background:url(../img/leftNavi_toptitle_02.gif) no-repeat center top;
}

div#leftNaviContents h2,
div#leftNaviContents h3{
	margin: 0;
	padding:15px 0 3px 15px;
	background:url(../img/leftNavi_subtitle.gif) no-repeat center top;
	font-size: 110%;
	font-weight: bold;
}

* html div#leftNaviContents ul li a {
	height: 1px; 
}

div#leftNaviContents ul li a {
	display: block;
	padding: 7px 10px 7px 30px;
	background: url(../img/leftNavi_btn_bg.gif) no-repeat left top;
	color: 333;
}
div#leftNaviContents ul li a:hover {
	background: url(../img/leftNavi_btn_bg_over.gif) no-repeat left top;
	text-decoration: none;
	color: #FFF;
}
div#leftNaviContents ul li.end a {
	margin-top: 1px;
	padding: 0 0 5px 0;
	background: url(../img/leftNavi_btn_end_bg.gif) no-repeat left bottom;
}
div#leftNaviContents ul li.end a:hover {
	background: url(../img/leftNavi_btn_end_bg_over.gif) no-repeat left bottom;
}
div#leftNaviContents ul li.end a span {
	display: block;
	padding: 7px 10px 7px 30px;
	background: url(../img/leftNavi_btn_icon.gif) no-repeat 14px 13px;
}
div#leftNaviContents ul li.end a:hover span {
	background: url(../img/leftNavi_btn_icon_over.gif) no-repeat 14px 13px;
}



div#leftNaviContents ul li ul li a {
	display: block;
	padding: 6px 10px 6px 45px;
	background: url(../img/leftNavi_btn02_bg.gif) no-repeat left top;
}
div#leftNaviContents ul li ul li a:hover {
	background: url(../img/leftNavi_btn02_bg_over.gif) no-repeat left top;
}
div#leftNaviContents ul li ul li.end a {
	margin-top: 1px;
	padding: 0 0 5px 0;
	background: url(../img/leftNavi_btn02_end_bg.gif) no-repeat left bottom;
}
div#leftNaviContents ul li ul li.end a:hover {
	background: url(../img/leftNavi_btn02_end_bg_over.gif) no-repeat left bottom;
}
div#leftNaviContents ul li ul li.end a span {
	display: block;
	padding: 6px 10px 6px 45px;
	background: url(../img/leftNavi_btn02_icon.gif) no-repeat 28px 13px;
}
div#leftNaviContents ul li ul li.end a:hover span {
	background: url(../img/leftNavi_btn02_icon_over.gif) no-repeat 28px 13px;
}


.leftNavi{
	width:188px;
	float:left;
	font-weight:bold;
}
.leftNavi02{
	width:188px;
	background:url(../img/leftNavi02_base.gif) no-repeat center bottom;
	margin-top:5px;
	padding-bottom:10px;
	font-weight:normal;
}
.leftNavi02 p{
	background:url(../img/leftNavi02_head.gif) no-repeat center top;
	text-align:center;
	padding:10px 0;
	font-size:110%;
	font-weight:bold;
	text-decoration:underline;
}
.leftNavi02 ul{
	margin:0 10px;
	/margin:0 2px 0 8px;
	/font-size:90%;
}
.leftNavi02 ul li{
	float:left;
	white-space: nowrap;
	line-height: 1;
	padding-bottom:5px;
	line-height:1.3;

}

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

#footerWrap{
	width:100%;
	background:url(../img/footerNavi_base.gif) repeat-x center bottom;
}

#footerNavi{
	width:960px;
	margin:0 auto;
	padding-bottom:5px;
	text-align:left;

}

#footerNavi02{padding-bottom:2px;}

.thinkyLogo {
	float: left;
	padding: 0 0 5px 10px;
}

.pageTop{
	padding: 0 10px 5px 0;
	text-align:right;
}

p.pageTop a{
	color: #333;
	background:url(../img/arrow_orange_pagetop.gif) no-repeat left 3px;	padding-left:15px;
}


.footerNaviBase{
	font-size:83%;
}

.footerLink{
	border: #c2c2c2 1px solid;
	margin:0 10px 10px 10px;
	padding:10px 0 10px 30px;
}
.footerLink a {
	color: #333;
}
.footerLink dl{
	float:left;
	clear: both;
	width:880px;
	font-size: 90%;
}

.footerLink dl dt{
	float: left;
	width: 75px;
	padding: 0 5px 5px 0;
	font-weight: bold;
}

.footerLink dl dd{
	margin-left: 80px;
}
.footerLink dl dd ul {
	float: left;
	width: 780px;
	padding-bottom: 5px;
}
.footerLink dl dd ul li {
	float: left;
	padding: 0 6px;
	#white-space: nowrap;/*IE回避用*/
	display: block;

}

.copyright{
	clear:both;
	padding:15px 0 13px 0;
	background: url(../img/copyright_line.gif) repeat-x left top;
	text-align:center;
	font-size:83%;
	color:#697d81;
}