@charset "EUC-JP";

/*===============================================================
//This css file makes layout styles of all templated contents.
//If before you change this file's codes you should make some backup files.

//structures
1.reset
2.layout
3.heading
4.box
5.Paragraph
6.topic path
7.marker list
8.table
9.float dl
10.Pref navigation
11.elements

//structured by Ogawa
//last updated 2007.07.13
//copyrights hikaku.com all rights reserved
================================================================*/


/*===============================[2.layout]*/

/*======[container]*/

div#wrapper{
text-align:center;
zoom:1;
}

div.container{
text-align:left;
zoom:1;
margin:0 auto;
}

div.container:after{
content:".";
visibility:hidden;
display:block;
clear:both;
height:0;
}

/*[1column & normal width]*/
div.single{
width:580px;
margin:0 auto;
}

/*[1column & wide width]*/
div.single_wide{
width:770px;
margin:0 auto;
}


/*[2column & normal width]*/
div.normal{
width:770px;
margin:0 auto;
}

/*[2column & wide width]*/
div.wide{
width:980px;
margin:0 auto;
}
/*======/[container]*/

/*======[main content]*/

div#content{
float:left;
display:inline;/*IE*/
overflow:hidden;
}


/*[for left sidenavi]*/
div.left div#content{
float:right;
}


/*[1column & normal width]*/
div.single div#content{
width:570px;
}
/*[1column & wide width]*/
div.single_wide div#content{
width:770px;
}

/*[2column & normal width]*/
div.normal div#content{
width:560px;
}

/*[2column & wide width]*/
div.wide div#content{
width:770px;
}



/*========================[liquid layout]*/
/*[1column & liquid]*/
div.single_liquid{
padding:0 5px;
}

div.single_liquid div#content{
width:100%;
float:none;
margin:0;
padding:0;
}


/*[2 column liquid left sidenavi]*/
div.leftLiquid div#content{
width:100%;
margin-left:-210px;
float:right;
position:relative;
z-index:1;

}

div.leftLiquid div#sidemenu{
width:200px;
float:left;
position:relative;
z-index:100;
}

div.leftLiquid div#content div#contentInner{
margin-left:210px;
}

/*[2 column liquid right sidenavi]*/
div.rightLiquid div#content{
width:100%;
position:relative;
z-index:1;
margin-right:-200px;
float:left;
}

div.rightLiquid div#sidemenu{
width:200px;
float:right;
position:relative;
z-index:100;
}

div.rightLiquid div#content div#contentInner{
margin-right:210px;
}
/*======/[main content]*/

/*======[sidemenu]*/
/*[container]*/
div#sidemenu{
float:right;
display:inline;/*IE*/
text-align:center;
font-size:92%;
width:190px;
overflow:hidden;
}

div.left div#sidemenu{
float:left;
}

/*[for big banner]*/
div#sidemenu p{
margin:10px 0;
text-align:center;
}

/*[for text banner]*/
div#sidemenu p.text{
margin:10px 0;
border:1px solid #999;
padding:10px 5px;
text-align:center;
}

/*[for menu]*/
div#sidemenu dl{
text-align:left;
margin-bottom:10px;

}
/*[for menu heading]*/
div#sidemenu dl dt{
background:url(/img/default/heading/sidebg.jpg) top repeat-x;
color:#333;
padding:5px 3px;

}

div#sidemenu dl dt *{
font-weight:bold;
}

div#sidemenu dl dt strong{
/*
border-left:3px solid #666;*/
padding-left:5px;
margin-left:5px;
display:block;

}

div#sidemenu dl dt strong span{
display:block;
}

div#sidemenu dl *{
word-break:break-all!important;
word-wrap:break-word;
}


div#sidemenu dl dd{
border:1px solid #999;
padding:5px;
}
/*[for menu list]*/
*html div#sidemenu dl dd ul li{
zoom:1;

}

div#sidemenu dl dd ul li a{
display:block;
zoom:1;
padding:3px 0 3px 20px;
background:url(/img/default/marker_blue.gif) 7px 0.5em no-repeat;
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}

div#sidemenu dl dd ul li a:hover{
background:#ffffe1 url(/img/default/marker_blue.gif) 7px 0.5em no-repeat;
}

/*[for list banner]*/

div#sidemenu ul#side_banner li{
margin:5px 0;
}
/*======/[sidemenu]*/

/*======[2colum float]*/
div.float2 div.float2First{
width:49.5%;
float:left;
}

div.float2 div.float2Second{
width:49.5%;
float:right;
}

/*===================[for landing page]*/
div#landingPage{
margin:0 10%;
}

div#landingPage div#content{
float:none;
clear:both;
}
/*===================/[for landing page]*/



/*====================[new layout 980px]*/
/*
div.new

div.wide div#mainContent{
width:650px;
float:left;
}

div.wide div#sideNav{
width:300px;
float:right;
}
*/
/*====================/[new layout 980px]*/
/*===============================/[2.layout]*/

/*========================================/[END]*/