@charset "utf-8";
/* base.css */
/*基本テンプレート 全ページ共通の設定*/

html{
	text-align:center;
	height:100%;
}

body{
	background-color:#0B1940;
	color:#505050;
}

p{
	font-size:12px;
	line-height:160%;
	color:#505050;
}

a:link {
	color:#001597;
}

a:active {
	color:#001597;
}

a:visited {
	color:#001597;
}

a:hover {
	color:#67CBFF;
}

hr{
	height: 1px;
	border: none;
	border-top: 1px #cccccc solid;
	margin:10px 0px;
}

/*上部に35pxの余白をつける*/
.m_t_35{
	margin-top:35px;
}

/*下部に25pxの余白をつける*/
.m_b_25{
	margin-bottom:25px;
}

/*10px小文字*/
.f_s_10{
	font-size:10px;
}


/*--------------------------------------*/
div#wrapper{ 
	width:970px;
	margin:0px auto;
	text-align:left;
	position: relative;
    height: 100%;
    min-height: 100%;
}

/*--------------------------------------*/
/*ヘッダ*/
/*--------------------------------------*/
div#wrapper div#header{
	position:relative;
	width:970px;
	height:82px;
	background-color:#FFFFFF;
	background:url(../../images/bg_header.jpg) no-repeat;
}

div#wrapper div#header h1{
	display:block;
	width:151px;
	height:16px;
	padding:32px 30px;
}

/*--------------------------------------*/
/*ENGLISH*/
/*--------------------------------------*/
div#wrapper div.language{
	width:970px;
	height:19px;
	background-color:#1b1b1b;
	text-align:right;
}

/*--------------------------------------*/
/*検索ボックス*/
/*--------------------------------------*/
div#wrapper div#search{
	position:absolute;
	left:730px;
	top:47px;
	width:auto;
	height:28px;
}

div#wrapper div#search input{
	font-size:12px;
	padding:1px;
}

div#wrapper div#search input.keywords{
	width:160px;
}

/*--------------------------------------*/
/*グローバルナビ*/
/*--------------------------------------*/
#gnavi{
	position:relative;
	width:970px;
	height:66px;
	background:url(../../images/bg_contents01.gif) bottom no-repeat;
	background-color:#0B1840;
	font-size:0px;
}

#gnavi ul{
	width:970px;
	height:66px;
	margin-top:3px;
}

#gnavi ul li{
	float:left;
	text-indent:-9999px;
}

#gnavi a{
	display:block;
	height:66px;
	behavior: url(http://www.artteknika.com/common/js/iepngfix.htc);
}

#gnavi a.gnavi01{
	width:241px;
	height:66px;
	margin-right:3px;
	background:url(../../images/gnavi01.gif) top no-repeat;
}

#gnavi a.gnavi01:hover{
	width:241px;
	height:66px;
	margin-right:3px;
	background:url(../../images/gnavi01_on.gif) top no-repeat;
}

#gnavi a.gnavi01_now{
	width:241px;
	height:66px;
	margin-right:3px;
	background:url(../../images/gnavi01_now.png) top no-repeat;
}


#gnavi a.gnavi02{
	width:240px;
	height:66px;
	margin-right:3px;
	background:url(../../images/gnavi02.gif) top no-repeat;
}

#gnavi a.gnavi02:hover{
	width:240px;
	height:66px;
	margin-right:3px;
	background:url(../../images/gnavi02_on.gif) top no-repeat;
}

#gnavi a.gnavi02_now{
	width:240px;
	height:66px;
	margin-right:3px;
	background:url(../../images/gnavi02_now.png) top no-repeat;
}

#gnavi a.gnavi03{
	width:240px;
	height:66px;
	margin-right:3px;
	background:url(../../images/gnavi03.gif) top no-repeat;
}

#gnavi a.gnavi03:hover{
	width:240px;
	height:66px;
	margin-right:3px;
	background:url(../../images/gnavi03_on.gif) top no-repeat;
}

#gnavi a.gnavi03_now{
	width:240px;
	height:66px;
	margin-right:3px;
	background:url(../../images/gnavi03_now.png) top no-repeat;
}

#gnavi a.gnavi04{
	width:240px;
	height:66px;
	background:url(../../images/gnavi04.gif) top no-repeat;
}

#gnavi a.gnavi04:hover{
	width:240px;
	height:66px;
	background:url(../../images/gnavi04_on.gif) top no-repeat;
}

#gnavi a.gnavi04_now{
	width:240px;
	height:66px;
	background:url(../../images/gnavi04_now.png) top no-repeat;
}

/*--------------------------------------*/
/*本文*/
/*--------------------------------------*/

#contents{
	width:930px;
	height:auto;
	margin:0px;
	padding:13px 20px 20px 20px;
	background:url(../../images/bg_contents02.gif) bottom no-repeat;
	background-color:#B0C4DF;
}

/*--------------------------------------*/
/*メイン #main*/
/*--------------------------------------*/

#contents div#main{
	width:710px;
	height:auto;
	float:left;
	margin-right:10px;
	padding:0px;
	background-color:#FFFFFF;
}

/*タイトル
----------------------------------------*/

#contents div#main h2{
	/*width:710px;*/
	text-indent:-9999px;
}

/*メニューボタン
----------------------------------------*/

#contents div#main div#menu{
	width:710x;
	height:50px;
	background:url(../../images/bg_menu.gif) repeat;
	margin-bottom:40px;
}

#contents div#main div#menu ul{
	height:50px;
}

#contents div#main div#menu li,
#contents div#main div#menu a{
	display:block;
	float:left;
}

#contents div#main div#menu a{
	width:auto;
	height:12px;
	padding:19px 20px 18px 20px;
	text-align:center;
}


/*本文 
----------------------------------------*/
#contents div#main div.content{
	padding:0px 35px 50px 35px;
}

#contents div#main div.content p{
	margin-bottom:1em;
}

/*リスト*/
#contents div.content ul{
	margin-bottom:30px;
}

#contents div.content ul li{
	background:url(../../images/list.gif) no-repeat 0px 0.3em;
	padding-left:14px;
	margin-bottom:0.5em;
}

/*リストの中のリスト*/
#contents div.content ul ul{
	margin:1em 12px;
}

#contents div.content ul ul li{
	background:none;
	margin-bottom:0.5em;
}


#contents div.content ol{
	padding-left:16px;
}

#contents div.content ol li{
	margin-bottom:0.5em;
	list-style:decimal;
	line-height:140%;
}


/*関連情報
----------------------------------------*/
#contents div#main div.kanren{
	border:#CCCCCC solid 1px;
	margin:0px 35px 35px 35px;
	padding:20px;
}

#contents div#main div.kanren h4{
	height:30px;
	font-weight:bold;
	color:#068BCF;
}

/*リスト*/
#contents div#main div.kanren li{
	margin-bottom:0.5em;
}

/*ページのトップへ*/
#contents div#main div#totop{
	clear:both;
	margin:10px;
	text-align:right;
}

#contents div#main div#totop a{
	font-size:10px;
}

/*お問い合わせ*/
/*--------------------------------------*/
/*本文の最後につくお問い合わせへの枠*/

#contents div#main div#contactus{
	padding:10px;
	height:75px;
	border-top:#B0C3DF solid 10px;
	background:url(../../images/bg_contacts.gif) no-repeat;
}

#contents div#main div#contactus div#left{
	width:440px;
	height:75px;
	float:left;
	background:url(../../images/contacts_title.gif) no-repeat;
	text-indent:-9999px;
}

#contents div#main div#contactus div#right{
	width:240px;
	height:75px;
	float:right;
}

/*--------------------------------------*/
/*右カラム #side　（ローカルナビ）*/
/*--------------------------------------*/

#contents div#side{
	width:210px;
	height:auto;
	float:right;
	background-color:#E2E9F3;
}

#contents div#side div#lnavi_start,
#contents div#side div#lnavi,
#contents div#side div#lnavi_end
{
	margin-top:1px;
}

#contents div#side h2{
	height:35px;
	background-color:#0D3287;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	padding-top:21px;
}

#contents div#side h3{
	background-color:#068bcf;
	font-weight:bold;
	color:#FFFFFF;
	padding:10px 15px 9px 15px;
}

/*リンクをはる場合*/
#contents div#side h3 a{
	color:#FFFFFF;
}

#contents div#side h3 a:hover{
	color:#67CBFF;
}

#contents div#side ul{
	margin:15px 15px 15px 25px;
}

#contents div#side li{
	background:url(../../images/side_li.gif) no-repeat 0px 0.3em;
	padding-left:14px;
	margin-bottom:0.5em;
}

/*現在ひらいているページ*/
#contents div#side a.now{
	color:#67CBFF;
}

/*別扱いボタン*/

#contents div#side div#lnavi_ex
{
	margin:6px 0px;
}

#contents div#side h3.ex{
	height:px;
	background-color:#086EB8;
	font-weight:bold;
	color:#FFFFFF;
	padding:10px 15px 9px 15px;
}

/*上に10pxの線をつける*/
#contents div#side div.bt10{
	border-top:#B0C3DF solid 10px;
}

/*お問い合わせ枠*/
#contents div#side div#contactus{
	height:auto;
	padding:15px;
}

#contents div#side div#contactus ul{
	margin:0px;
}

#contents div#side div#contactus li{
	background:url(../../images/side_li.gif) no-repeat 0px 0.3em;
	padding-left:14px;
	margin-bottom:0.5em;
}

/*関連情報*/
#contents div#side div#kanren{
	padding:15px;
}


/*--------------------------------------*/
/*フッタ*/
/*--------------------------------------*/
div#wrapper div#footer{
	clear:both;
	margin:0px auto;
	padding-top:10px;
	width:970px;
	height:120px;
	font-size:10px;
}

div#wrapper div#footer a{
	color:#878787;
	font-size:9px;
	line-height:20px;
}

div#wrapper div#footer div#left{
	width:620px;
	height:auto;
	float:left;
}

div#wrapper div#footer div#right{
	width:340px;
	height:auto;
	float:right;
	text-align:right;
	padding-top:35px;
}

div#wrapper div#footer div#right img{
	margin-left:20px;
	margin-bottom:10px;
}

/*--------------------------------------*/
/*レイアウトの崩れに使う*/
/*--------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */