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

	CSS INFORMATION
	
	Site URL:	http://www.kaliekalie.co.jp/

	
	Order of description
	
	__Default_Style_clear
	__wrapper       (div#wrapper)
	__header        (div#header)
	__content       (div#content)
	__maincol　　　 (div#maincol)
    __navigation 　 (div#navigation)
	__footer 　     (div#footer)
    __clearfix
	__interview     
	
--------------------------------------------------------
*/

/*------------------------------------------------------
	__Default_Style_clear
------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, img {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {font-weight: normal;}
ul, ol, li {list-style: none;}
img {
	border: none;
	vertical-align: bottom;
}

body {
	background: #01040e url(../images/back.jpg) repeat;
	color: #666;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

a {text-decoration: none;}
a:link    {color: #fff;}
a:visited {color: #fff;}
a:hover   {color: #eed801; text-decoration: none;}
a:active  {color: #eed801;}

/*------------------------------------------------------
	__wrapper(div#wrapper)
------------------------------------------------------*/

#container {
	width: 800px;
	margin: 0 0 35px 0;
	padding: 0;
}

/*------------------------------------------------------
	__header(div#header)
------------------------------------------------------*/

#header {
	height: 98px;
	position: relative;
	background: url(../images/header_top.gif) no-repeat;
}

#header h1 {
	padding: 11px;
	color: #ddd;
	font-size: 10px;
}

#header ul.supportnavi {
	position: absolute;
	top: 11px;
	left: 658px;
}

#header ul.supportnavi li {
	display: inline;
	font-size: 1.0em;
	margin-left: 8px;
	padding-left: 11px;
	background: url(../images/arrow.gif) no-repeat left center;
}

#header  a{
	font-size: 10px;
	color: #ddd;
}
/*------------------------------------------------------
	__content(div#content)
------------------------------------------------------*/

#content {
	width: 765px;
	margin: 25px 0 50px 35px;
}
#text_content { margin-bottom: 30px;}
#text_content h2 {
	padding: 0 0 7px 25px;
	background: url(../images/txt_hana.gif) no-repeat;
	color: #EEC64A;
	font-size: 12px;
}
#text_content p {
	padding: 7px 0 0 25px;
	background: url(../images/line.gif) no-repeat;
	font-size: 12px;
	color: #fff;
}
p.main_img { margin-top: 10px;}

/*------------------------------------------------------
	__maincol(div#maincol)
------------------------------------------------------*/

#maincol {
	font-size: 11px;
	width: 554px;
	float: right;
	padding: 0px 0px 0px 0px;
}

#maincol h2,h3 {
	height: 27px;
	margin-bottom: 7px;
	padding: 9px 0 1px 35px;
	font-size: 1.2em;
	color: #FEFF7F;
	background: url(../images/news_bg.jpg) no-repeat;
}

.news_underline {
	background: url(../images/news_line.gif) no-repeat left;
}

dl.dictionary {
	float: left;
	width: 450px;
	font-size: 1.1em;
}
dl.dictionary dt {
	float: left;
	clear: both;
	padding-left: 25px;
	margin: 0 0 12px 35px;
	background: url(../images/news_hana.gif) no-repeat left center;
	display: inline;/*for winIE6*/
	width: 230px;
	color: #F0D5CF;
}
dl.dictionary dd.new {
	float: right;
	width: 100px;
	margin: 0 0 12px 0;
	background: url(../images/news_new.gif) no-repeat right center;
	color: #C48679;
}

dl.dictionary dd.std {
	float: right;
	width: 100px;
	margin: 0 0 12px 0;
	background:  no-repeat right center;
	color: #C48679;
}


dl.dictionary dt a {color: #F0D5CF;}
dl.dictionary dt　a:link    {color: #F0D5CF;}
dl.dictionary dt　a:visited {color: #F0D5CF;}
dl.dictionary dt　a:hover   {color: #7c7272; text-decoration: underline;}
dl.dictionary dt　a:active  {color: #7c7272;}

/*------------------------------------------------------
	__navigation(div#navigation)
------------------------------------------------------*/

#navigation {
	width: 176px;
	float: left;
	margin: 0 35px 0 0;
}

#navigation li {
	width: 176px;
	text-align: center;
	font-size: 1.2em;
}

#navigation li.nav_1 {
	font-size: 12px;
	height: 37px;
	margin: 0 0 10px 0;
	padding: 8px 0 0 0;
	background: #9f272b url(../images/navi_v1.jpg) no-repeat;
}

#navigation li.nav_2 {
	font-size: 12px;
	height: 23px;
	margin: 0 0 10px 0;
	padding: 7px 0 0 0;
	background: #9f272b url(../images/navi_v2.jpg) no-repeat;
}

/*------------------------------------------------------
	__footer(div#footer)
------------------------------------------------------*/

#footer {
	width: 759px;
	padding-left: 41px;
	clear: both;
}

#footer ul li {
	float: left;
	width: 150px;
	margin-bottom: 10px;
}

#footer ul.link a {color: #8a8990;}
#footer ul.link　a:link    {color: #8a8990;}
#footer ul.link　a:visited {color: #8a8990;}
#footer ul.link　a:hover   {color: #8a8990; text-decoration: underline;}
#footer ul.link　a:active  {color: #8a8990;}

#copy {
	width: 759px;
	clear: both;
}
#copy p {
	padding: 10px 0 0 0;
	font-style: normal;
/*	color: #fff;
*/
	color:#8A8990;
	text-align: center;
	line-height:16px;
}
#copy address {
/*
	text-align: right;
*/
	font-style: normal;
/*	color: #fff;
*/
	text-align: center;
	color:#8A8990;
	line-height:16px;
}

/*------------------------------------------------------
	__clearfix css hack
------------------------------------------------------*/

*html dl.dictionary {margin-bottom: 11px;}/*for winIE6*/
*html #footer {margin: 0 0 35px 0;}/*for winIE6*/
#content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*------------------------------------------------------
	__interview
------------------------------------------------------*/