@charset "UTF-8";

/* -----------------------------------------------
 Title:         AKI.CO.,LTD.
 File name:     default.css
 Info:          Default style
 Create:        2010.03.19/kdr.murata
 Last Update    2010.06.17/kdr.murata
 ------------------------------------------------- */

/* -----------------------------------------------
	Reset
 ------------------------------------------------- */

/*-- Bace --*/

html { 
	margin: 0;
	padding: 0;
	overflow-y: auto; }

body , pre , form , fieldset , input , textarea , p , blockquote { 
	margin: 0;
	padding: 0; }

h2 { font-weight: normal; }

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 75%;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka","Verdana,Arial","Helvetica","sans-serif";
	line-height: 137%;
	color: #333;
	text-align: center; }

h3 , h4 , dt { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"; }

p { margin-bottom: 1em; }

fieldset , img { 
	border: 0;
	vertical-align: bottom; }

li , ol , ul { list-style: none; }

table {
	border-collapse: collapse;
	border-spacing: 0; }

	th { font-style: normal; }

a { outline: none; }


/*-- Link --*/

a:link , a:visited {
	color: #3F3F3F;
	text-decoration: none; }

a:hover {
	color: #3F3F3F;
	text-decoration: underline; }	
	
	
/* -----------------------------------------------
	clearfix
 ------------------------------------------------- */

/*--for modern brouser--*/
.clearfix: after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	max-height: 0;
	visibility: hidden; }
 
/*--IE7,MacIE5--*/
.clearfix { display: inline-block; }
 
/*--WinIE6 below, Exclude MacIE5 \--*/
* html .clearfix { height: 1%; }
 
*html .indent_text {
	margin: 0 0 10px 12px;
	text-indent: -12px;
	text-align: left;
	width: 400px; }



/* -----------------------------------------------
	Select
 ------------------------------------------------- */

/*-- Layout --*/

.clear {
	clear: both;
	height: 0; }
 
.left { float: left; }
 
.right { float: right; }

.center { margin: auto auto; }

.removeOutline { overflow: hidden; }

.imgTop { vertical-align: top; }

.imgBottom { vertical-align: bottom; } 

.no-border { border: none; }

.min-height_200 {
	min-height: 200px;
	height: auto !important;
	height: 200px; }

.boder-none { border: none; }

.block { display: block; }

/*-- Text --*/

.txtLeft { text-align: left; }

.txtRight { text-align: right; }

.txtCenter { text-align: center; }

.txtBold { font-weight: bold;}

.txtNormal { font-weight: normal;}

.txtNarrow { letter-spacing: -1px; }

.txtSmall { font-size: x-small; }

.txtLongSpacing { line-height: 1.5em; }

.txtLarge { font-size: large; }

.txtRed { color: #ff0000; }

.txtBlue { color: #00A0E9; }

.txtPink { color: #ffaaaa; }

.txtUline { text-decoration: underline; }

.txtIndent { text-indent: 1em; }

.white-space { white-space: nowrap; }

/*-- Space --*/

.mrT50 { margin-top: 50px; }
.mrT30 { margin-top: 30px; }
.mrT20 { margin-top: 20px; }
.mrT10 { margin-top: 10px; }

.mrB10 { margin-bottom: 10px; }
.mrB15 { margin-bottom: 15px; }
.mrB30 { margin-bottom: 30px; }
.mrB40 { margin-bottom: 40px; }
.mrB60 { margin-bottom: 60px; }
.mrB80 { margin-bottom: 80px; }
.mrB85 { margin-bottom: 85px; }

.mrL5 { margin-left: 5px; }
.mrL13 { margin-left: 13px; }
.mrL20 { margin-left: 20px; }
.mrL25 { margin-left: 25px; }
.mrL30 { margin-left: 30px; }
.mrL50 { margin-left: 50px; }
.mrL60 { margin-left: 60px; }
.mrL80 { margin-left: 80px; }
.mrL130 { margin-left: 130px; }

.mrR30 { margin-right: 30px; }
.mrR20 { margin-right: 20px; }
.mrR15 { margin-right: 15px; }
.mrR10 { margin-right: 10px; }
.mrR5 { margin-right: 5px; }

.paR10 { padding-right: 10px; }
.paT15 { padding-top: 15px; }

.w200 { width: 200px; }
.w239 { width: 239px; }


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

	div#header {
		width: 100%;
		margin: 0 auto;
		padding: 20px 0 8px 0;
		background: url(../image/bg_wh.gif) bottom repeat-x #EBEBEB;
		text-align: center;
		clear: both; }
		
		div#upperArea { 
			width: 885px;
			margin: 0 auto;
			clear:both ; }
		
			h1 { 
				float: left;
				width: 141px;
				height: 18px;
				margin: 8px 0 0 0;
				padding: 0;
				display: block;
				overflow: visible;
				font-size: 0em;
				line-height: 0%; }

			h2 {
				font-weight: normal;
				float: right;
				font-size: x-small;
				color: #A0A0A0;
				text-align: right;
				margin: 0;
				padding: 7px 15px 15px 0;
				width: 625px; }
			
			p#lang { 
				margin: 5px 5px 0 0;
				width: 80px;
				float: right; }
				
	div#contentsArea {
		width: 900px;
		margin: 0 auto;
		padding: 0; }


/*----------------------------------------------------
	Main Menu
----------------------------------------------------*/

		ul#globalMenu {
			width: 900px;
			height: 26px;
			padding: 0px;
			margin: 10px auto 0;
			position: relative;
			clear: both; }
			
			ul#globalMenu li {
				height: 26px;
				text-indent: -9999px;
				float: left;
				display: block;
				font-size: 100%; }
				
				ul#globalMenu li a,
				ul#globalMenu li a:hover { 
					display: block;
					line-height: 215% }

				ul#globalMenu li#btn01 a { 
					width: 76px;
					background: url(../image/img_btn_home.gif) no-repeat; }

				ul#globalMenu li#btn01 a:hover { 
					width: 76px;
					background: url(../image/img_btn_home_over.gif) no-repeat; }
					
				ul#globalMenu li#btn02 a {
					width: 93px;
					margin-left: 1px;
					background: url(../image/img_btn_company.gif) no-repeat; }
					
				ul#globalMenu li#btn02 a:hover {
					width: 93px;
					margin-left: 1px;
					background: url(../image/img_btn_company_over.gif) no-repeat; }
					
				ul#globalMenu li#btn03 a {
					width: 95px;
					margin-left: 1px;
					background: url(../image/img_btn_product.gif) no-repeat; }
					
				ul#globalMenu li#btn03 a:hover {
					width: 95px;
					margin-left: 1px;
					background: url(../image/img_btn_product_over.gif) no-repeat; }
					
				ul#globalMenu li#btn04 a {
					width: 96px;
					margin-left: 1px;
					background: url(../image/img_btn_local.gif) no-repeat; }
					
				ul#globalMenu li#btn04 a:hover {
					width: 96px;
					margin-left: 1px;
					background: url(../image/img_btn_local_over.gif) no-repeat; }
										
				ul#globalMenu li#btn05 a {
					width: 142px;
					margin-left: 1px;
					background: url(../image/img_btn_news.gif) no-repeat; }
					
				ul#globalMenu li#btn05 a:hover {
					width: 142px;
					margin-left: 1px;
					background: url(../image/img_btn_news_over.gif) no-repeat; }
					
				ul#globalMenu li#btn06 a {
					width: 129px;
					margin-left: 1px;
					background: url(../image/img_btn_transaction.gif) no-repeat; }
					
				ul#globalMenu li#btn06 a:hover {
					width: 129px;
					margin-left: 1px;
					background: url(../image/img_btn_transaction_over.gif) no-repeat; }
										
				ul#globalMenu li#btn07 a {
					width: 118px;
					margin-left: 1px;
					background: url(../image/img_btn_contact.gif) no-repeat; }
					
				ul#globalMenu li#btn07 a:hover {
					width: 118px;
					margin-left: 1px;
					background: url(../image/img_btn_contact_over.gif) no-repeat; }
					
				ul#globalMenu li#btn08 a {
					width: 144px;
					margin-left: 1px;
					background: url(../image/img_btn_shop.gif) no-repeat; }
					
				ul#globalMenu li#btn08 a:hover {
					width: 144px;
					margin-left: 1px;
					background: url(../image/img_btn_shop_over.gif) no-repeat; }
										

		* html #nav ul { line-height: 0; } /* IE6 "fix" */
		ul#globalMenu ul a { zoom: 1; } /* IE6/7 fix */
			

/*----------------------------------------------------
	Topic path 
----------------------------------------------------*/
			
		ul#topicPath {  
			float:left;  
			margin: 15px 0 32px;
			width: auto;
			padding-left: 5px; 
			font-size: 0.88em;
			overflow: visible;
			display: block; }  
		
			ul#topicPath li {  
				float:left;  
				line-height:110%;  
				list-style-type: none;
				margin-right: 10px;
				color: #A3A4AF; }
							
			ul#topicPath li a {
					overflow: visible; }

				ul#topicPath li a:link,
				ul#topicPath li a:visited {  
					text-decoration: none;
					color: #A3A4AF; }  
				
				ul#topicPath li a:hover  {  
					text-decoration: underline; 
					color: #A3A4AF; }  
		

/*----------------------------------------------------
	Footer
----------------------------------------------------*/

	div#footer {
		width: 900px;
		margin: 40px auto 0;
		padding: 10px 0 10px;
		border-top: 1px solid #B0B0B0;
		border-bottom: 1px solid #B0B0B0; }
		
		div#footer p {
			width: 360px;
			margin: 0;
			padding-left: 15px;
			color: #A8A8A8; }
		
		div#footer ul {
			width: 515px;
			margin: 0;
			padding: 0 5px 0 0;
			float: right; }
		
			div#footer li {
				float: right;
				display: inline; }
			
			div#footer a { 
				display: inline;
				padding: 0 6px;
				color: #00A0E9; }
			
			.borderX { border-right: 1px solid #989898; }
		
		
	div#copyrightArea { 
		width: 900px;
		margin: 5px auto 25px;
		padding-bottom: 8px;
		color: #A8A8A8; }
		
		p#copyright { 
			width: 600px;
			float: left;
			padding-left: 15px;
			text-align: left;
			font-size: x-small; }