@charset "UTF-8";

/* リセット */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,span { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol,li { list-style: none; text-decoration:none; text-align:center;}
hr { display:none; }
a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

ul,li{ padding:0;margin:0;color:#666666; }
table,tr,td { border:0; margin:0; padding:0px; color:#666666;  }
img { border:0; margin:0; }
a { list-style: none; text-decoration:none; color:#666666; }
a:hover { list-style: none; text-decoration:none; color:#FF9C00; }

h2 {margin:2px 0 0 10px;}
h3 {margin-left:15px;}

.clear { clear:both; }
.font10 { font-size:10px; line-height:14px; }
.font10_13 { font-size:10px ; line-height: 13px; }
.font12 { font-size:12px; line-height:16px; color:#000000; }
.font12g { font-size:12px; line-height:12px; color:#666666; }
.font14 { font-size:14px; line-height:24px; }
.font12_1 { font-size:12px;line-height:14px; font-weight:700; }
.font16_1 { font-size:16px;line-height:20px; font-weight:700; }
.font16_2 { font-size:16px;line-height:20px; font-weight:700;color:#FF0000; }
.font16 { font-size:16px;line-height:22px; }
.font20 { font-size:20px;line-height:24px; }
.font24 { font-size:24px;line-height:30px; }
.font24_c { font-size:24px;line-height:30px;font-family: "Hiragino Kaku Gothic Pro";color:#009B98; }
.font36 { font-size:36px;line-height:46px; }
.fontcolor a:hover { color:#FF9C00; }

/* 設定━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body { margin:0px; padding:0px; text-align:center; font: 12px/18px "Lucida Grande", "Hiragino Kaku Gothic Pro",  Geneva, Arial, Verdana, sans-serif; }
#main { margin-left:auto; margin:auto; text-align:left;  width:900px; }
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */


/* タイトル━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#title { text-align:center; }  
#title_wrap { width:900px; height:100px; margin:0; background-image:url(../img/logo.jpg); }  
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* メインビジュアル━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#main_v { text-align:center; }  
#main_v_wrap { width:900px; height:300px; margin:0; }  
#main_v_wrap_works { width:900px; height:300px; margin:0; background-image:url(../img/contentmenu/works.jpg); }  
#main_v_wrap_profile { width:900px; height:300px; margin:0; background-image:url(../img/contentmenu/proflie.jpg); }  
#main_v_wrap_job { width:900px; height:300px; margin:0; background-image:url(../img/contentmenu/job.jpg); }   
#main_v_wrap_gallery { width:900px; height:300px; margin:0; background-image:url(../img/contentmenu/gallery.jpg); }  
#main_v_wrap_blog { width:900px; height:300px; margin:0; background-image:url(../img/contentmenu/blog.jpg); }  
#main_v_wrap_blog-hankyu { width:900px; height:300px; margin:0; background-image:url(../img/contentmenu/blog-hankyu.jpg); }  
#main_v_wrap_top { width:900px; height:563PX; padding:0px;margin:0px; background-image:url(../topjpg/3092.jpg); }  
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 20px隙間━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#sukima20 { text-align:center; }  
#sukima20wrap { width:20px; height:20px; }  
#smoothup { text-align:right; }
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */


/* セパレータ　　　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#cep { text-align:left; width:900px; }  
#cep_left { width:200px; margin:0; float:left; }
#cep_right { width:650px; margin:0; float:right; }
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* レフトナビ　　　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#left_nav { text-align:left; }  
#left_nav_wrap { width:200px; margin:0; }
#left_nav_cap { width:200px; height:21px ; padding:4px 0 0 15px ;background:url(../img/left_nav_cap.jpg) no-repeat; }  
#left_nav_subtitle { width:200px; height:30px; padding:4px 0 0 20px ;background:url(../img/left_nav_subtitle.jpg) no-repeat; }  
#left_nav_bottom { width:200px; height:9px ;background:url(../img/left_nav_bottom.jpg) repeat-x;  }  
#left_nav_line { width:200px; text-align:left; background:url(../img/left_nav_line.jpg) repeat-y; }  
#left_nav ul{ text-align:left;line-height:24px; margin:0 20px 0px;}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ライト　　　　　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#right_nav { text-align:left; }  
#right_nav_wrap { width:650px; margin:0; }
#right_nav_cap { width:650px; height:21px; padding:4px 0 0 15px ;background:url(../img/right_nav_cap.jpg) no-repeat; }  
#right_nav_subtitle { width:650px; height:35px; padding:6px 0 0 20px ;background:url(../img/right_nav_subtitle.jpg) no-repeat; }  
#right_nav_bottom { width:650px; height:9px ;background:url(../img/right_nav_bottom.jpg) repeat-x;  }  
#right_nav_line { width:650px; text-align:left; background:url(../img/right_nav_line.jpg) repeat-y; }  
#right_nav ul{ text-align:left;line-height:24px; margin:0 30px 0px;}


#right_nav_left {float:left; width:320px;}
#right_nav_right {float:right; width:300px;}

#rightbox_left { width:250px; padding:20px; float:left; }
#rightbox_right { width:310px;  padding:20px; float:right; }
#rightbox_center { width:600px;  padding:20px; }
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */


/* フルサイズ　　　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#full { text-align:left; }  
#full_wrap { width:900px; margin:0; }
#full_cap { width:900px; height:25px ; padding:4px 0 0 15px ;background:url(../img/full_cap.jpg) no-repeat; }  
#full_bottom { width:900px; height:9px ;background:url(../img/full_bottom.jpg) repeat-x;  }  
#full_line { width:900px; text-align:left; background:url(../img/full_line.jpg) repeat-y; }  
#full_afri{height:100px; margin:0 20px 0px;}
#full li{ text-align:center;line-height:24px; margin:0 10px 0px; float:left;}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */


/* フッター　　　　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer { text-align:center; margin:20px 0 40px 0; }  
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */



/* トップナビ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#hozhok_header { width: 900px; height: 30px; margin: 0 auto; position: relative; z-index: 9998;background: url(../img/menu.jpg)  no-repeat;  }
#hozhok_header #navi { margin: 0; padding: 0; }
#hozhok_header #navi li { display: inline; }
#hozhok_header #navi li a { float: left; width: 140px; height: 0; padding-top: 30px; overflow: hidden; }
#hozhok_header #navi li a,
#hozhok_header #collectionsearch {background-image: url(../img/menu.jpg); background-repeat: no-repeat; }

/* 待機 */
#hozhok_header #navi li#home a { background-position: 0 0; }
#hozhok_header #navi li#works a { background-position: -140px 0; }
#hozhok_header #navi li#gallery a { background-position: -280px 0; }
#hozhok_header #navi li#profile a { background-position: -420px 0; }
#hozhok_header #navi li#job a { background-position: -560px 0; }
#hozhok_header #navi li#blog a { background-position: -700px 0; }

/* マウスオーバー */
#hozhok_header #navi li#home a:hover { background-position: 0 -32px; }
#hozhok_header #navi li#works a:hover { background-position: -140px -32px; }
#hozhok_header #navi li#gallery a:hover { background-position: -280px -32px; }
#hozhok_header #navi li#profile a:hover { background-position: -420px -32px; }
#hozhok_header #navi li#job a:hover { background-position: -560px -32px; }
#hozhok_header #navi li#blog a:hover { background-position: -700px -32px; }


/* プッシュ */
#hozhok_header #navi li#home a:active { background-position: 0 -64px; }
#hozhok_header #navi li#works a:active { background-position: -140px -64px; }
#hozhok_header #navi li#gallery a:active { background-position: -280px -64px; }
#hozhok_header #navi li#profile a:active { background-position: -420px -64px; }
#hozhok_header #navi li#job a:active { background-position: -560px -64px; }
#hozhok_header #navi li#blog a:active { background-position: -700px -64px; }

/* 現在地 */
#hozhok_header.home #navi li#home a { background-position: 0 -96px !important; }
#hozhok_header.works #navi li#works a { background-position: -140px -96px !important; }
#hozhok_header.gallery #navi li#gallery a { background-position: -280px -96px !important; }
#hozhok_header.profile #navi li#profile a { background-position: -420px -96px !important; }
#hozhok_header.job #navi li#job a { background-position: -560px -96px !important; }
#hozhok_header.blog #navi li#blog a { background-position: -700px -96px !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */



/* ━表組━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

 table#hyougumi {
    width: 300px;
	margin:0;
    border: 1px #cccccc solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#hyougumi th {
    padding: 5px;
    border: #cccccc solid;
    border-width: 0 0 1px 1px;
    background: #eeeeee;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
}
table#hyougumi td {
    padding: 5px;
    border: 1px #cccccc solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */