/*
Theme Name: arnest
Theme URI: http://www.arnest.com/wp-content/themes/arnest
Description: for arnest.com  only
Version: 2.0.0
Author: Teruhisa Osawa
Author URI: http://www.arnest.com
Tags: brown base, two columns
*/

@charset "utf-8";
@import "reset.css";



/*-----------------------------------------------
 BASIC
-----------------------------------------------*/
*{
font-size:12px;
}
html{
height:100%;
}
body {
height:100%;
line-height:180%;
background:#ffffff;
font-family:'ヒラギノ角ゴ Pro W3',sans-serif,'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
text-align:center;
}


br{letter-spacing:normal;}
a{color:#000000;text-decoration:none;}
a:hover {color:crimson;text-decoration:none;}

p {
	line-height:180%;
	margin:0 0 1em;
	color:#666666;
}

li {
	list-style:none;
	line-height:1.3;
}

img,
fieldset {
	border:0;
}

strong{
font-weight:bold;
}
/*-----------------------------------------------
 LAYOUT
-----------------------------------------------*/
/*
div#header {
 background:#ffc;
}
 
div#contents {
 background:#fcc;
}
 
div#sidebar{
 background:#ccf;
}
 
div#footer {
 background:#cfc;
}*/


div#container {
 width:960px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}
 
div#contents {
 width:740px;
 float:left;
}
 
div#sidebar {
padding-left:30px;
width:160px;
float:left;
}
body > div#wrapper{
height:auto;
}
div#wrapper{
width:960px;
height:100%;
margin:20px 0px 15px 0px;
background-image:url("../img/all/ln.gif");
background-repeat:repeat-y;
}
div#wrapper:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

div#footer {
 width:100%;
 clear:left;
}

/*-----------------------------------------------
 __Base Link Color Setting
-----------------------------------------------*/

a {
color:#0000ff;
/*font-weight:bold;*/
text-decoration:none;
}

a:link {
}

a:visited {
/*color:#800080;*/
}

a:hover {
color:crimson;
text-decoration:underline;
}

a:active {
}


/*-----------------------------------------------
 TOP
-----------------------------------------------*/


/*-----------------------------------------------
 HEADER
-----------------------------------------------*/
h1{
color:#999999;
height:25px;
font-size:85%;
padding-bottom:1px;
}
div#header{
height:68px;
}
div#header p{
float:right;
padding:20px 0px 0px 0px;
margin:0px;
}
div#header a{color:#666666;}
div#header a:hover{color:#ff9900;text-decoration:none;}

/*-----------------------------------------------
 NAVIGATION
-----------------------------------------------*/
div#navigation{
height:31px;
background-image:url("../img/all/btn_bg.gif");
background-repeat:repeat-x;
border-top:1px solid #dddddd;
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
border-bottom:3px solid #cccccc;
}
div#navigation ul#menu{
padding-left:20px;
}
div#navigation ul#menu li{
float:left;
background-repeat:no-repeat;
background-position:right;
}
div#navigation ul#menu li#m1{width:72px;padding-right:5px;background-image:url("../img/all/btn_ln.gif");}
div#navigation ul#menu li#m2{width:91px;padding-right:5px;background-image:url("../img/all/btn_ln.gif");}
div#navigation ul#menu li#m3{width:90px;padding-right:5px;background-image:url("../img/all/btn_ln.gif");}
div#navigation ul#menu li#m4{width:88px;padding-right:5px;background-image:url("../img/all/btn_ln.gif");}
div#navigation ul#menu li#m5{width:79px;padding-right:5px;background-image:url("../img/all/btn_ln.gif");}
div#navigation ul#menu li#m6{
width:100px;
padding-left:100px;
background-image:url("../img/all/btn_ln.gif");
background-repeat:no-repeat;
background-position:95px 11px;
}

/*
ul.menu a {display:block;}
ul.menu li {position:relative; float:left;padding-right:0px;background-image:none;}
ul.menu ul {position:absolute; top:32px; left:0; width:112px;display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; margin:0;width:110px;}
ul.menu ul li a {display:block; padding:3px 5px 5px 5px; background-color:#eeeeee;width:100px;color:#555555;font-weight:bold;}
ul.menu ul li a:hover {background-color:#336699;color:#ffffff;text-decoration:none;}
*/

#nav ul{
z-index: 2;
}
#nav li{float: left;}

#nav li a{display: block;
text-decoration: none;
border-right: 1px solid white;
white-space: nowrap}
#nav li ul{
position: absolute;
visibility: hidden;
border-top: 1px solid white}
#nav li ul li{
float: none;
display: inline;
margin:0;
}
#nav li ul li a{
width: auto;
padding:3px 5px 5px 5px;
background-color:#eeeeee;
width:110px;
color:#555555;
border:1px solid #cccccc;
border-top:none;
}
#nav li ul li a:hover{
background-color:#336699;
color:#ffffff;
text-decoration:none;}
}
/*-----------------------------------------------
 SIDEBAR
-----------------------------------------------*/
body > div#sidebar{
height:auto;
}
div#sidebar{
height:100%;
min-height:100%;
}
div#sidebar ul{
width:189px;
}
div#sidebar li{
/*border-bottom:1px dotted #cccccc;*/
padding:10px 0px 15px 0px;
}
div#sidebar li.dot3{
background-image:url("../img/all/dot3.gif");
background-position:bottom;
background-repeat:no-repeat;
}
div#sidebar h3{
background-image:url("../img/all/arrow1.gif");
background-repeat:no-repeat;
padding-left:25px;
font-size:115%;
font-weight:bold;
color:#333333;
}


/*-----------------------------------------------
 CONTENTS
-----------------------------------------------*/
div#catch{
border-bottom:8px solid #cccccc;
}
div.slideshow{
z-index:1;
}
body > div#contents {
height:auto;
}
div#contents p.copy{
}
div#contents p.copy strong{
font-weight:bold;
font-size:14px;
}

h2{
width:725px;
height:25px;
background-image:url("../img/all/h2_bg.gif");
background-repeat:no-repeat;
padding:5px 0px 15px 15px;
font-size:115%;
font-weight:bold;
}

div#topics{
width:740px;
}
div#topics ul{
margin-left:-10px;
padding-bottom:5px;
}
div#topics ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div#topics li.box0{
clear:left;
width:532px;
height:120px;
padding:3px;
border:1px solid #dddddd;
margin-bottom:15px;
}
div#topics li.box0:hover{
background-color:#ffffdd;
cursor: pointer;
border:1px solid #ffb968;
}
div#topics img.lt{
float:left;
padding-right:13px;
}


div#topics li.box2{
float:left;
width:356px;
height:150px;
padding:3px;
border:1px solid #dddddd;
margin:0px 0px 10px 10px;
background-image:url("../img/top/arrow2.gif");
background-repeat:no-repeat;
background-position:right;
}
div#topics li.box2:hover{
background-color:#ffffdd;
cursor: pointer;
border:1px solid #ffb968;
}
div#topics img.lt{
float:left;
padding-right:13px;
}
div#topics img.lt2{
float:left;
padding-right:5px;
}
div#topics div.lt2 img{
float:left;
padding-right:5px;
}

div#topics a{
font-size:115%;
color:#336699;
}
div#topics a:hover{
text-decoration:none;
}
div#topics h3{
padding-top:5px;
font-size:115%;
font-weight:bold;
color:#336699;
}
div#topics li.box2 h3{
padding-top:5px;
font-size:88%;
font-weight:bold;
color:#336699;
}

div#topics p{
padding:5px 10px 0px 10px;
}
div#topics li.box2 p.b1{
padding:5px 10px 0px 0px;
margin:0px;
line-height:16px;
}
div#topics li.box2 p.b2{
margin:0px;
padding:5px 0px 0px 0px;
line-height:16px;
color:#333333;
}
div#topics img.gt{
float:right;
padding:0px;
margin:-30px 5px 0px 0px;
}

div#topics p.topicslink{
font-weight:bold;
padding-bottom:25px;
}

div#special{
width:740px;
}
div#special li.box1{
clear:left;
width:740px;
height:111px;
border-bottom:1px dotted #dddddd;
margin-bottom:10px;
}
div#special li.box1:hover{
background-color:#ffffdd;
cursor: pointer;
}
div#special img.lt{
float:left;
width:160px;
height:91px;
padding:3px;
border:1px solid #dddddd;
margin-right:13px;
}
div#special h3{
padding-top:5px;
font-size:130%;
font-weight:bold;
color:#333333;
}
div#special p{
padding:10px 0px 5px 10px;
margin:0px;
line-height:
}
div#special p.gt{
padding:0px;
text-align:right;
}


/*-----------------------------------------------
 CONTENTS_POST
-----------------------------------------------*/
div#contents_post{
width:740px;
float:left;
margin:0px auto;
}
div#contents_post h2{
clear:left;
width:725px;
height:25px;
background-image:url("../img/all/h2_bg.gif");
background-repeat:no-repeat;
/*margin-top:15px;*/
padding:5px 0px 15px 15px;
font-size:115%;
font-weight:bold;
}
div#contents_post h3{
clear:left;
background-image:url("../img/all/arrow1.gif");
background-repeat:no-repeat;
padding:0px 0px 0px 25px;
margin-bottom:10px;
font-size:115%;
font-weight:bold;
color:#000000;
}
div#contents_post img.post1{
float:left;
border:5px solid #eeeeee;
margin:0px 15px 15px 0px;
}
div#contents_post div.post1 img{
float:left;
border:5px solid #eeeeee;
margin:0px 15px 15px 0px;
}

div#contents_post table.info{
float:left;
width:393px;
height:240px;
border-top:1px solid #dddddd;
border-right:1px solid #dddddd;
margin:5px 0px 20px 0px;
}
div#contents_post table.info th{
border-left:1px solid #dddddd;
border-bottom:1px solid #dddddd;
padding:5px 10px;
background-color:#eeeeee;
width:50px;
}
div#contents_post table.info td{
border-left:1px solid #dddddd;
border-bottom:1px solid #dddddd;
padding:5px 10px;
}

div#contents_post table.info2{
float:left;
width:100%;
border-top:1px solid #dddddd;
border-right:1px solid #dddddd;
margin:0px 0px 15px 0px;
}
div#contents_post table.info2 th{
border-left:1px solid #dddddd;
border-bottom:1px solid #dddddd;
padding:5px 10px;
background-color:#eeeeee;
width:15%;
text-align:center;
}
div#contents_post table.info2 td{
border-left:1px solid #dddddd;
border-bottom:1px solid #dddddd;
padding:5px 10px;
width:35%;
}
div#contents_post table.info2 td.col3{
width:85%;
}

div#contents_post ul.related{
padding:0px 0px 15px 15px;
}
div#contents_post ul.related li{
list-style:disc;
line-height:180%;
font-weight:bold;
padding-bottom:5px;
}
div#contents_post ul.related li a{
font-size:115%;
}
div#contents_post img.post3{
margin-bottom:15px;
}

div#contents_post ol#related{
padding:0px 0px 15px 20px;
}
div#contents_post ol#related li{
list-style-type: decimal;
line-height:160%;
font-weight:bold;
padding-bottom:5px;
}
div#contents_post ol#related li a{
font-size:115%;
}

/*-----------------------------------------------
 BREAD CRUMBS
-----------------------------------------------*/
/* trace */
ul#trace{
color:#999999;
width:750px;
height:17px;
padding:4px 5px 0px 5px;
zoom:1;
margin:0px auto;
position:relative;
list-style:none;
background-color:#eeeeee;
margin-bottom:15px;
}
ul#trace li{
float:left;
font-size:10px;
padding-left:10px;
padding-right:7px;
background-image:url("../img/all/trace.gif");
background-repeat:no-repeat;
background-position:0px 3px;
}
ul#trace li#nolst{
padding-left:0px;
background-image:none;
}
ul#trace a{
color:#999999;
}
ul#trace a:hover{
text-decoration:underline;
}

div#postpath{
font-size:12px;
height:20px;
font-weight:100;
color:#666666;
background-color:#eeeeee;
}
div#3postpath a{
font-weight:100;
color:#666666;
}
div#postpath a:hover{
text-decoration:underline;
}

div#postpath{
font-size:12px;
font-weight:100;
color:#666666;
}
div#postpath a{
font-weight:100;
color:#666666;
}
div#postpath a:hover{
text-decoration:underline;
}


/*-----------------------------------------------
 ARCHIVE
-----------------------------------------------*/
table#bukken{
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
}
table#bukken th{
padding:5px;
background-color:#eeeeee;
border-left:1px solid #dddddd;
border-top:1px solid #dddddd;
}
table#bukken td{
padding:5px;
border-left:1px solid #dddddd;
border-top:1px solid #dddddd;
}
table#bukken h3{
background-image:none;
padding-left:0px;
}



/*-----------------------------------------------
 FOOTER
-----------------------------------------------*/
div#footer{
text-align:center;
background-color:#eeeeee;
padding:5px 0px;
}

address{
color:#666666;
font-family:"Arial";
}


/*-----------------------------------------------
 PRIVACY
-----------------------------------------------*/
div#privacy{
}
div#privacy ol{
padding:0px 0px 25px 15px;
}
div#privacy ol li{
list-style:decimal;
line-height:160%;
color:#666666;
}


/*-----------------------------------------------
 GALLERY
-----------------------------------------------*/
div.gallery{
margin-top:-5px;
padding-bottom:10px;
}

/*-----------------------------------------------
 CLEAR FIX
-----------------------------------------------*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix{
display:inline-block;
min-height:1%;  /* for IE 7*/
}

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