@charset "Shift_JIS";

/* base style
------------------------------------------------------------ */
*
{
	margin: 0;
	padding: 0;
	color: #333333;
	font-size: small;
	letter-spacing: 0;
	outline: 0;
}

a
{
	color: #e3660f;
	text-decoration: underline;
}

a:hover
{
	color: #f6ad49;
	text-decoration: none;
}


body
{
	margin: 0 auto;
	height: 100%;
	background:url(../img/back-g.gif) 0 0 repeat-x #ffffdf;
}

fieldset
{
	border-style: none;
}

legend
{
	display: none;
}

li
{
	list-style-type:none;
}

html
{
	height: 100%;
}

hr
{
	display:none;
}

img
{
	border-style:none;
	vertical-align:bottom;
}

input,
textarea
{
	border: 1px solid #999;
}

/* for form */
.ja
{
	ime-mode: active;
}

.en
{
	ime-mode: disabled;
}

.clear {
	clear:both;
}

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

* html .clearfix {height:1%;}



/* common style
------------------------------------------------------------ */

#container
{
	width: 900px;
	margin: 0 auto;
	background: #FFFFFF;
        border-right:1px #eeeeee solid;
        border-bottom:1px #eeeeee solid;
        border-left:1px #eeeeee solid;
}

#pankuzu {margin:0 0 15px 15px;}

#pankuzu li {display:inline;
             background: url(../img/cursor_tri_black.gif) left center no-repeat;
             margin:0 5px;padding-left:15px;} 

#pankuzu .firstchild {display:inline;background: none;padding-left:0;}

/* header style
------------------------------------------------------------ */

#header
{
	width: 900px;
	height: 85px;
	background: url(../img/header.jpg) no-repeat;
}

/* logo */
#logo a
{
	width: 240px;
	height: 50px;
	margin: 15px 0px 0px 15px;
	background: url(../img/logo.gif) no-repeat right bottom;
	text-indent: -2000em;
	float: left;
}

#logo a
{
	width: 240px;
	height: 50px;
	margin: 15px 0px 0px 15px;
	background: url(../img/logo.gif) no-repeat right bottom;
	text-indent: -2000em;
	float: left;
}

/* header navi */
#navi-header
{
	width: 450px;
	height: 20px;
	padding: 60px 0px 0px 0px;
	float: right;
	text-align: right;
}
	ul#navi-header li
	{
		display: inline;
	}
		ul#navi-header li a
		{
			padding-left: 20px;
			background-repeat: no-repeat;
			background-position: left center;
			color: #000000;
			text-decoration: none;
		}
		ul#navi-header li a:hover
		{
			text-decoration: underline;
		}
	/* お問い合わせ */
	ul#navi-header li#contact a
	{
		background-image: url(../img/icon_contact.gif);
		margin-right:10px;
	}


/* global menu style
------------------------------------------------------------ */

#global-navi
{
	width: 900px;
	height: 50px;
}
	#global-navi li
	{
		width: 225px;
		height: 45px;
		float: left;
	}
		#global-navi li a
		{
			display: block;
			width: 225px;
			height: 45px;
			background-repeat: no-repeat;
			text-indent: -2000em;
			text-decoration: none;
			outline: 0;
		}
		#global-navi li a:hover
		{
			background-position: bottom;
		}
		/* 万華鏡一覧 */
		#global-navi #kaleidoscope a
		{
			background-image: url(../img/menu1.jpg);
		}
		/* よくある質問 */
		#global-navi #question a
		{
			background-image: url(../img/menu2.jpg);
		}
		/* ワンタローのブログ */
		#global-navi #blog a
		{
			background-image: url(../img/menu3.jpg);
		}
		/* 会社概要 */
		#global-navi #corporate a
		{
			background-image: url(../img/menu4.jpg);
		}


/* content area style
------------------------------------------------------------ */

#content-area {width: 900px;
               padding: 20px 0px 0px 0px;}





/* 3カラム用 */

/* left column style for 3
------------------------------------------------------------ */

.left-column
{width: 200px;
 float: left;
 padding: 0px 0px 0px 15px;}


/* center column style for 3
------------------------------------------------------------ */

.center-column
{width: 440px;
 float: left;
 padding: 0px 0px 0px 15px;}


/* right column style for 3
------------------------------------------------------------ */

.right-column
{width: 200px;
 float: left;
 padding: 0px 0px 0px 15px;}






/* 右が大きい時用 */

/* right column style for 2-right
------------------------------------------------------------ */

.right-column-2r
{width:640px;
float:left;margin-left:30px;}


/* left column style for 2-right
------------------------------------------------------------ */

.left-column-2r
{float: left;
padding: 0px 15px 0px 15px;}







/* 左が大きい時用 */

/* right column style  for 2-left
------------------------------------------------------------ */

.right-column-2l
{float:left;padding: 0px 15px 0px 15px;}


/* left column style for 2-left
------------------------------------------------------------ */

.left-column-2l
{width:640px;float:left;padding:0 0 0 25px;}




/* banner list style
------------------------------------------------------------ */
#bnr-list li {margin:0 0 10px 0;}



/* footer style
------------------------------------------------------------ */

#footer
{padding-top: 30px;
clear: both;
}

#navi-footer
{width: 885px;
height: 20px;
background: #3E3E3E;
padding: 5px 15px 0px 0px;
text-align: right;
}

#navi-footer li

{display: inline;
margin-left: 10px;
}

#navi-footer li a {font-size: 90%;
			color: #FFFFFF;
			text-decoration: none;
			padding-left: 8px;
			background: url(../images/cursor_tri_white.gif) no-repeat left center;}


#navi-footer li a:hover	{text-decoration: underline;}

#copyright
{	height: 17px;
	text-align: right;
	vertical-align: middle;
	padding: 8px 15px 15px 0px;}