@charset "UTF-8";

/*
Theme Name: osaka-hp
Theme URI: http://www.osaka-hp.com/
Description:Basic osaka-hp
Author: dorapro
last editor:uto 091120
*/

/* CSS Document */
*{margin:0; padding:0;}
body{
	font-size:75%;
	line-height:150%;
	color:#666;
	font-family:Verdana, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

h1{
	font-size:100%;
	font-weight:400;
	padding:5px 10px;
	width:760px;
	margin:0 auto;
}

h1 strong{
	font-weight:400;
}

img{border:none;}

div#head{background:url(images/head_grad.jpg) #FBFDFC repeat-x bottom;}
div#head p{padding-top:11px; background:url(images/head_line.jpg) repeat-x;}
div#head_index p{background:url(images/head_line.jpg) repeat-x;}
div#head_top{padding-top:11px; background:url(images/head_line.jpg) repeat-x;}

p.head_img{width:109px; height:46px; float:right;}
p.head_img img{padding-right:20px; padding-top:5px;}
div.center_cont{width:780px; margin:0 auto;}

/*header menu for contents*/
div.menu{background:url(images/btn_back2.jpg) no-repeat; height:40px; width:780px;}
div.menu ul{padding-left:220px;}

div.menu li{list-style:none; height:40px; text-indent:-9999px; float:left;}
div.menu li#menu_btn1{background:url(images/btn_g01_on.jpg); width:81px;}
div.menu li#menu_btn2{background:url(images/btn_g02_on.jpg); width:131px;}
div.menu li#menu_btn3{background:url(images/btn_g03_on.jpg); width:130px;}
div.menu li#menu_btn4{background:url(images/btn_g04_on.jpg); width:80px;}
div.menu li#menu_btn5{background:url(images/btn_g05_on.jpg); width:105px;}

div.menu li a{display:block; height:40px; text-indent:-9999px; text-decoration:none; outline:none;}
li#menu_btn1 a{background:url(images/btn_g01.jpg);width:81px;}
li#menu_btn2 a{background:url(images/btn_g02.jpg); width:131px;}
li#menu_btn3 a{background:url(images/btn_g03.jpg); width:130px;}
li#menu_btn4 a{background:url(images/btn_g04.jpg); width:80px;}
li#menu_btn5 a{background:url(images/btn_g05.jpg); width:105px;}

li#menu_btn1 a:hover{background:url(images/btn_g01_on.jpg);}
li#menu_btn2 a:hover{background:url(images/btn_g02_on.jpg);}
li#menu_btn3 a:hover{background:url(images/btn_g03_on.jpg);}
li#menu_btn4 a:hover{background:url(images/btn_g04_on.jpg);}
li#menu_btn5 a:hover{background:url(images/btn_g05_on.jpg);}


/*footer*/
p.foot_link_top{text-align:right; width:780px;}
div.foot{ background:url(http://www.osaka-hp.com/images/foot_back.jpg) #053768 repeat-x top; padding-top:5px;}
div.foot p.company{padding:25px 10px;}
div.foot p span{color:#FFFFFF;}
.fl_clr_foot{clear:both; overflow:hidden; height:20px; background-color:#053768;}
ul.foot_link{color:#FFBD59; padding:5px 0 0 2px;}
ul.foot_link li{background:url(http://www.osaka-hp.com/images/mark_foot_link.gif) right center no-repeat; display:inline; padding:0 2px 0 8px;}
ul.foot_link li.m_right{background:none;}

ul.foot_link_botm{float:left; width:390px;}
div.foot p.copyright{padding-left:10px; float:left; width:370px; clear:left;}
div.foot p.foot_link_img{width:380px; float:right;}
div.foot p.foot_link_img img{ margin-left:5px;}
div.foot a {color:#FFBD59; text-decoration:none;}

.fl_clr{clear:both; height:1px; overflow:hidden;}
.fl_lft{float:left;}
.fl_rgt{float:right;}
.txt_ctr{text-align:center;}
.txt_lft{text-align:left;}
.txt_rgt{text-align:right;}

.col_ora{color:#FFBD59;}
.col_whi{color:#FFFFFF;}


/* banner */
.banner{width:580px; height:65px;}
.banner h6{color:#ffffff; font-size:200%; background:url(images/basic.jpg); padding:23px 0 0 12px; height:42px;}
.banner2{width:580px; height:65px;}
.banner2 h6{color:#ffffff; font-size:200%; background:url(images/ban_cont_com.jpg); padding:23px 0 0 12px; height:42px;}
.post{margin-bottom:20px;}


/* comment */
#td{font-size:100%; line-height:150%; border:solid 1px #666; padding:4px;}
.com{font-size:100%; border-bottom:dotted 2px #999; margin-bottom:12px;}
.com p{margin:5px 0px;}
.commeta{color:#888888; text-align:right;}

/*pagebar*/
div.pagebar {
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	border: 1px solid #fff;
	background: #fff;
	text-decoration: none;
	text-align:center;
}

.pagebar a,.pageList .this-page {
	border: 1px solid #9AAFE5;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar a:visited {
	border: 1px solid #9AAFE5;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page {
	border: 1px solid #2E6AB1;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #2E6AB1;
	color: #fff;
}

.pagebar a:hover {
	border-color: #2E6AB1;
}

.pagebar .inactive{
   border: 1px solid #cccccc;
	 color: #ccc;
   text-decoration: none;
   padding: 0.2em 0.5em;
}