@charset "utf-8";

/***************************************************
	CSS Information For IKOI
	File name : common.css
	Style Info : Base layout style
***************************************************/

/* Reset
------------------------------------------------------------ */
html {	overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {	font-style: normal;}
h1,h2,h3,h4,h5,h6,h7 {
	font-size: 100%;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
caption,th {
	text-align: left;
}
img	{	border: none;	vertical-align: bottom;}
ul	{	list-style-type: none;}
ol	{	list-style-position: inside;}
hr	{	display: none;}

/* Base
------------------------------------------------------------ */
html {	background-color: #993333;}
body {
	margin: 0px;
	padding: 0px;
	font-size: 75%;
	line-height: 1.4;
	color: #333333;
	background-color: #993333;
	text-align: center;
	letter-spacing: 1px;
	font-family: arial,helvetica,clean,sans-serif;
}

#container {
	width: 754px;
	_width: 760px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background-color: #FFFFFF;
	border: 3px solid #642121;
}

/* Link
------------------------------------------------------------ */
a:link {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	color: #666666;
	text-decoration: underline;
}
a:hover {
	color: #ff9900;
	text-decoration: none;
}
a:focus {
	outline: none;
}

/* for All Pages
------------------------------------------------------------ */
.alt	{	display: none;}
.clear	{	clear: both;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.red {	color: #cc0000;}

/*-----header-----*/
#header {
	width: 754px;
	height: 91px;
	background: url(../img/temp/header_bg.jpg) left bottom no-repeat;
}
#header h1 {
	float: left;
	width: 270px;
	padding: 17px 0 0 10px;
}
#header h1 a {
	display: block;
	width: 270px;
	height: 57px;
	text-indent: -9999px;
	background: url(../img/temp/top_logo.jpg) no-repeat;
}
#header p.language {
	padding: 3px 20px 10px 0;
	font-size: 14px;
	font-weight: bold;
}
#header p.language a {	color: #cc0000;}
#header p.language a:hover {	color: #ff9900;}

#header .top_navi {
	width: 464px;
	float: right;
	text-align:right;
	padding: 0 10px 0 0;
	letter-spacing: 0.5px;
}
#header .top_navi p {
	font-size: 14px;
	font-weight: bold;
}
#header .top_navi p img {
	vertical-align: text-bottom;
	padding-right: 3px;
}
#header .top_navi ul {	padding-top: 32px;	/*_padding-top: 35px;*/}
#header .top_navi li {
	display: inline;
}
#header .top_navi li a {	text-decoration: none;}

/*-----gNavi-----*/
#gNavi {
	background-color: #c5c5c5;
	border-bottom: 2px solid #121212;
}
#gNavi ul {	padding: 5px 0 0 2px;}
#gNavi li {
	float: left;
	width: 150px;
	text-align: center;

}
#gNavi li a {
	display: block;
	width: 140px;
	height: 34px;
	margin: 0 auto;
	text-indent: -9999px;
}
#gNavi ul li.n01 a {	background: url(../img/temp/gNavi01.jpg) 0 0 no-repeat;}
#gNavi ul li.n02 a {	background: url(../img/temp/gNavi02.jpg) 0 0  no-repeat;}
#gNavi ul li.n03 a {	background: url(../img/temp/gNavi03.jpg) 0 0  no-repeat;}
#gNavi ul li.n04 a {	background: url(../img/temp/gNavi04.jpg) 0 0  no-repeat;}
#gNavi ul li.n05 a {	background: url(../img/temp/gNavi05.jpg) 0 0  no-repeat;}
#gNavi ul li a:hover {	background-position: 0 -34px;}

/*-----location-----*/
#location {	padding: 10px 0 0 10px;}
#location a {	color: #CC0000;}
#location a:hover {	color: #ff9900;}

/*-----sNavi-----*/
#sNavi {
	float: left;
	width: 180px;
	_width: 190px;
	padding: 10px 0 0 10px;
}

#sNavi .navigation {	padding-bottom: 20px;}

#guide_navi {	padding-bottom: 20px;}
#guide_navi li {
	padding: 12px 8px;
	background: url(../img/temp/border01.gif) left bottom repeat-x;
}

#guide_navi p {
	padding-left: 22px;
	background: url(../img/temp/ico01.jpg) left center no-repeat;
}

#login {
	width: 180px;
	padding-bottom: 20px;
}
#login ul {
	margin-bottom: 10px;
	padding: 5px 0 10px 10px;
	background: #ebebeb url(../img/temp/login_bg.jpg) left bottom no-repeat;
}
#login ul li {	padding-top : 1px;} 
#login_email, #login_password {
	width: 154px;
	_width: 160px;
	border: 1px #cccccc solid;
	padding: 2px;
}
#login ul li.login_btn {
	padding: 8px 10px 0 0;
	text-align: center;
}
#login p a {	color: #cc0000;}
#login p a:hover {	color: #ff9900;}

/*-----contents-----*/
#contents {
	float: right;
	width: 547px;
	padding: 10px 0 0 0;
}
#contents p.page_top {
	text-align: right;
}

#contents .main .border {
	margin-bottom: 20px;
	padding-bottom: 50px;
	background: url(../img/blog/box_bg.jpg) center bottom no-repeat;
}
#contents .main .border:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#contents .main .border {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html #contents .main .border {height: 1%;}
#contents .main .border {display: block;}
/* End hide from IE-mac */



/*-----footer-----*/
#footer {
	clear: both;
	width: 754px;
	margin: 0;
	text-align: center;
}
#footer ul {
	padding: 3px 0;
	background-color: #e5e5e5;
}
#footer ul li {
	display: inline;
}
#footer ul li a {
	text-decoration: none;
}
#footer p.copy {
	padding: 8px 0 0;
}
#footer .shopmedia {
	display: block;
	text-align: right;
	padding: 2px 8px 5px;
	font-size: 10px;
	font-style: normal;
	letter-spacing: 0px;
}
#footer .shopmedia a {
	color: #ae949d;
	text-decoration: none;
}
#footer .shopmedia a:hover {
	color: #ff9900;
	text-decoration: underline;
}