@charset "Shift_JIS";

/* osaka-takken-support Web Site CSS */
/* file name : common.css */

/**************************************************/


body{
	font-size:12px;
	margin:0px;
	padding:0px;
	line-height:140%;
}

* html body{
	text-align:center;
}

img{border:0px;}

h1,h2,h3,h4,h5,h6{
	font-size:12px;
	}


a:link { color:#0000ff; }
a:visited { color:#0000ff; }
a:active { color:#0000ff; }
a:hover { color:#0000ff; }

em{
	display:none;
}

/**************************************************/

#header{
		width:840px;
		margin:0px auto;
		padding:20px 6px 6px 6px;
		}

#header h1{
		float:left;
		}		
		
#header h1 a{
		background:url(../img/h1_img.gif) no-repeat;
		display:block;
		width:290px;
		height:30px;
		text-indent:-9999px;
		overflow:hidden;
		}

#header p{
		background:url(../img/mark_01.gif) no-repeat;
		padding-left:16px;
		margin:10px 0px 0px 10px;
		float:right;
		}
		
/**********************************************************/
/**********************************************************/

#header:after {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;   
}
#header{display:inline-block;}
* html #header{height:1%;}
#header{display:block;}

/**********************************************************/
/**********************************************************/

#main_img{
		width:860px;
		height:150px;
		background:url(../img/main_img.jpg) no-repeat;
		margin:auto;
		text-indent:-9999px;
		overflow:hidden;
}

#menu{
		width:860px;
		margin:0px auto;
		background:#f3f3f3;
		padding:8px 0px;
		}

#menu ul{
		list-style:none;
		height:62px;
		clear:both;
		margin:0px !important;
		margin-left:-3px;
		padding:0;
		}

#menu li{
		width:165px;
		height:60px;
		float:left;
		margin-left:4px;
		border:solid 1px #cccccc;
		}

#menu li a{
		display:block;
		width:165px;
		height:60px;
		}

#menu li.menu_01{
		background:url(../img/menu_01.gif) no-repeat;
		}
#menu li.menu_01 a:hover { 
		background:url(../img/menu_01_o.gif) no-repeat;
		}

#menu li.menu_02{
		background:url(../img/menu_02.gif) no-repeat;
		}
#menu li.menu_02 a:hover { 
		background:url(../img/menu_02_o.gif) no-repeat;
		}

#menu li.menu_03{
		background:url(../img/menu_03.gif) no-repeat;
		}
#menu li.menu_03 a:hover { 
		background:url(../img/menu_03_o.gif) no-repeat;
		}

#menu li.menu_04{
		background:url(../img/menu_04.gif) no-repeat;
		}
#menu li.menu_04 a:hover { 
		background:url(../img/menu_04_o.gif) no-repeat;
		}

#menu li.menu_05{
		background:url(../img/menu_05.gif) no-repeat;
		}
#menu li.menu_05 a:hover { 
		background:url(../img/menu_05_o.gif) no-repeat;
		}

#mainArea{
		width:860px;
		margin:auto;
		}

* html #mainArea{
	text-align:left;
		}
		
#mainArea h2{
		clear:both;
		border-bottom:solid 1px;
		border-left:solid 10px #FF9900;
		text-align:left;
		font-size:18px;
		margin:20px auto 50px;
		padding:5px 5px 5px 10px;
		}
		
/*
#line_01 h2{
		clear:both;
		border-bottom:solid 1px;
		border-left:solid 10px #FF9900;
		text-align:left;
		font-size:18px;
		margin:20px auto 50px;
		padding:5px 5px 5px 10px;
		}
*/
/*********************************************************/

#footer{
		width:860px;
		margin:50px auto 80px;
		border-top:solid 1px;
		padding-top:50px;
		clear:both;
		}

* html #footer{
	text-align:left;
		}
		
#footer ul{
		display:block;
		list-style:none;
		width:640px;
		width:700px;
		margin:0;
		margin-left:60px;
		padding-bottom:20px;
		}
/*
#footer ul.line_b{
		width:570px;
		clear:both;
		margin:0px 0px 0px 145px;
		}

#footer ul.line_c{
		width:640px;
		clear:both;
		margin:0px 0px 0px 130px;
		padding-bottom:20px;
		}
*/
		
/**********************************************************/
/**********************************************************/
/*
#footer ul.line_b:after {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;   
}
#footer ul.line_b{display:inline-block;}

* html #footer ul.line_b{height:1%;}
#footer ul.line_b{display:block;}
*/
/**********************************************************/
/**********************************************************/

#footer li{
		float:left;
		padding:0px 10px;
		border-left:solid 1px #cccccc;
		list-style:none;
		}

#footer li.right{
		border-left:solid 1px #cccccc;
		border-right:solid 1px #cccccc;
		}

#footer address{
		background:#f3f3f3;
		/*background:url(../img/QR.gif) no-repeat top right #f3f3f3;*/
		width:820px;
		margin:10px auto 10px;
		padding:20px;
		font-style:normal;
		clear:both;
		}

* html #footer address{
		width:860px;
		}

#footer #copyright{
		float:right;
		}

#footer p{
		background:url(../img/mark_01.gif) no-repeat;
		padding-left:16px;
		margin-left:10px;
		float:left;
		}

#footer ul#footerUtility{
		margin:0;
		padding:0;
		}

#footer ul#footerUtility li{
		background:url(../img/mark_01.gif) no-repeat;
		padding-left:16px;
		margin-left:6px;
		float:left;
		border:none;
		}

/* ---------- */

#footer .footer_link{
	margin:1em auto;
	padding-left:40px;
	text-align:center;
	width:324px;
		}

#footer .footer_link li{
	border:none;
		}
		
		
/**********************************************************/
/**********************************************************/

.clearfix:after {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;   
}

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

* html .clearfix{height:1%;}
.clearfix{display:block;}/*IE6以前向け*/

/**********************************************************/
/**********************************************************/

#footer:after {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;   
}

#footer{display:inline-block;} /*IE7およびMacIE5向け*/

* html #footer{height:1%;}
#footer{display:block;}/*IE6以前向け*/

/**********************************************************/
/**********************************************************/

#footer ul:after {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;   
}

#footer ul{display:inline-block;} /*IE7およびMacIE5向け*/

* html #footer ul{height:1%;}
#footer ul{display:block;}/*IE6以前向け*/

/**********************************************************/
/**********************************************************/

.clear{
		clear:both;
		height:1px;
		}
		
.left{
		float:left
}

.right{
		float:right;
}

.noborder{
		border:none;
}

.normal{
	font-weight:normal;
}

#pan{
		display:block;
		padding:5px 10px;
		text-align:left;
		background:#ffedda;
		margin:20px;
}

.red{ color:#FF0000; }

.blue{ color:#0000ff; }

.gotop{
	text-align:right;
	clear:both;
	}