/*--------------------------------------------------
サイト名:社会保険労務士たちばな事務所
URL:http://kyotomiyabi.net
最終更新日：2008/10/31
----------------------------------------------------*/
/*--------------------------------------------------
カラー
青：#008ACC;　
グレー：#EBE9D8;
紫：#8A00CC;
オレンジ：#FF6600;
黄色：#FFCC33;
紺：#133E84;　
----------------------------------------------------*/
/*--- reset */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}

/*--- default */
body {
	font-size: 80%;
	color: #333333;
	line-height: 1.5;
	text-align:center;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	background-color: #F8F8F8;
}
/** html body {	
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}*/
/*--------------------------------------------------
003 共通
----------------------------------------------------*/
.clear {
	clear: both;
}
.clearfix:after { 
    content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.clearfix {
	zoom:1; /*IE用*/
}
.bold{
	font-weight: bold;
}
.red{
    color:#FF0000;
}
.red-bold{
    color:#FF0000;
	font-weight: bold;
}
hr.dot{
	/*display: none;*/
	border: 1px dashed #008ACC;
	width:100%;
	color:#FFF;
	margin:10px auto;	
}
p{
	margin:0 15px 15px 15px;
}
#contents a:hover img{
    filter:alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}
/*--------------------------------------------------
003 大枠
----------------------------------------------------*/
#page {
	width: 974px;
	margin: 0 auto;
	background-image: url(../common/bg-side.gif);
	background-repeat: repeat-y;
}
#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
	background-color: #FFFFFF;
}
#contents {
	width: 940px;
	margin:0 10px 20px 10px;
}
#main{
    width:760px;
	margin:0 0 10px 0;
	display:inline;
}
/*--------------------------------------------------
003 ヘッダー
----------------------------------------------------*/
#header {
	width: 960px;
	height:168px;
	position:relative;
	margin-bottom:10px;
}
#header h1{
	margin:2px 5px 3px 5px;
	font-size: 12px;
	color: #333333;
}
img.sitemap{
    position:absolute;
	top:2px;
	left:865px;
}
img.btn-contact{
	position:absolute;
	top:130px;
	left:745px;  
}
/*--------------------------------------------------
003 ドロップダウンメニュー
----------------------------------------------------*/
#navi-drop{
    margin:0 auto 10px 20px;
}
/*--------------------------------------------------
003 左メニュー
----------------------------------------------------*/
#menu{
    width:160px;
	height:auto;
	float:left;
	margin-right:20px;
}
#menu ul,#menu li{
	margin:0;
    padding:0;
    list-style:none;
	line-height:1.3;
}
#menu li{
	display:inline;
	width:160px;
	height:23px;
}
#menu li a,#menu li a:link,#menu li a:visited{
	font-size:12px;
	text-decoration:none;
	color: #0000FF;
	display:block;
	padding:5px 0px 3px 25px;
	width:135px;
	height:auto;
	background-image: url(../common/menu_bg.jpg);
	background-repeat: no-repeat;
	height:15px;
}
#menu li a:hover{
	/*color: #008ACC;*/
	color: #CC0000;
	background-image: url(../common/menu_hover_bg.jpg);
	display:block;
}
img.bn{
    margin-bottom:5px;
}
img.bn2{
    margin-bottom:15px;
}
#menu table{
	margin-top:20px;
}
/*--------------------------------------------------
012 TOP　中央
----------------------------------------------------*/
#center{
    width:500px;
	float:left;
	margin-right:20px;
}
#topic{
    margin-top:20px;
}
/*#qanda{
	width:405px;
	margin-top:30px;
	margin-bottom:30px;
	background-color: #EEE;
    }
#qanda p{
    padding:5px;
}
#qanda p.quest{
	color: #FFFFFF;
	background-color: #008ACC;
    }
#qanda p.ans{
	margin-bottom:10px;
    }*/
#book{
	width:500px;
	background-color: #FAFAFA;
	margin-bottom:30px;
}
#book hr{
    display:none;
    margin:5px auto;
	border-bottom:2px dashed #CCC;
}
img.left{
	float:left;
	padding:12px;
}
.point{
	background-color: #FFE495;
	padding: 3px;
	color: #003369;
}
#special{
}
#special h2{
	font-size: 18px;
	font-weight: bold;
	color: #CC3300;
	border-left:5px solid #133E84;
	margin-left:5px;
	padding-left:8px;
}
p.kakomi{
	background-color:#DDDDDD;
	padding:3px;
	font-weight:bold;
}
/*--------------------------------------------------
012 TOP　右側
----------------------------------------------------*/
#right-side{
    width:240px;
	float:left;
}
#topics{
	width:240px;
	border-right: 1px solid #008ACC;
	border-bottom: 1px solid #008ACC;
	border-left: 1px solid #008ACC;
	/*background-color: #D7EDF8;*/
	/*background-color: #90CCE9;*/
	margin-bottom:20px;
}
#topics p{
    margin:0 10px 10px 10px;
	padding-top:5px;
	padding-bottom:5px;
	line-height:1.5;
	border-bottom:1px solid #999;
}

/*--------------------------------------------------
012 フッター
----------------------------------------------------*/		
#footer{
	width:960px;
	clear:both;
	margin-bottom:10px;
}
#footer dl{
    /*float:left;*/
	width:900px;
	margin:10px auto 10px auto;
}
#footer dt{
    float:left;
	/*clear:both;*/
	width:40px;
	margin-right:10px;
	margin-left:20px;
}
#footer dd.tel{
	float:left;
	width:140px;
	font-size: 12px;
	font-weight: bold;
	line-height:1.2;
	color: #0000FF;
}
#footer dd.form{
	float:left;
	width:150px;
	font-size: 15px;
	font-weight: bold;
}
#footer dd.mail{
	float:left;
	width:165px;
	font-size: 15px;
	font-weight: bold;
}
#footer address{
	clear:both;
	text-align:center;
	font-weight: bold;	
}
/*--------------------------------------------------
012 著作権表示
----------------------------------------------------*/
#copyright {
	width: 960px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFFFFF;
	text-align: center;
	background-color: #133E84;
	font-family: Verdana;
	font-size: 12px;
	clear:both;
}

/*--------------------------------------------------
共通
----------------------------------------------------*/
a:link { 
	text-decoration:underline; 
	color: #335BFF; 
}
a:visietd{
    text-decoration:underline; 
	color: #993399;
	}
a:hover {
	text-decoration:underline; 
	background:none; 
	color: #CC0000; 
}