/* CSS Document */

html { height:100%; }
body { height:100%; margin:0px 0px 0px 0px; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size:10pt; color:#666666; background-color: #FFFFFF; }


/* 高さ自動調整 */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/*Hides from IE-mac ?*/
*html.clearfix {height:1%;}
.clearfix {display:block;}
/*End hide from IE-mac*/


/* 回り込み解除 */
.cl_l { clear: left; }
.cl_r { clear: right; }
.cl_both { clear:both; }


/* hタグなどの指定 */
h1 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h2 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h3 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h4 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }


/* ul,li,pタグの指定 */
ul,li {
	list-style:none;
}

p { margin:0; }

/* 罫線など */
.dashed_line { border-bottom: 1px dotted #A2A3A6; margin:2px 0px 2px 0px; }
.solid_line_orenge { border-bottom: 1px solid #EA5532; margin:10px 0px 15px 0px; }
.solid_line_blue { border-bottom: 1px solid #32BCF8; margin:10px 0px 15px 0px; }
.solid_line_green { border-bottom: 1px solid #45B035; margin:10px 0px 15px 0px; }
.contents_details { margin:0 auto; padding:2px 0px 2px 0px; }


/* フォントなど */
.font_red { color:#FF0000; }

/* 画像のリンク */
a img { border-style:none; }


/* ページ全体 */
#all { width:1000px; min-height:100%; _height:100%; margin:0 auto; }


/* ヘッド */
#headbox { width: 1000px; padding-top:35px; }

div#head {
 width: 308px;
 height: 32px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/logo.gif) no-repeat top left;
 text-indent: -9999px;
 }

div#head h1 { 
 margin: 0;
 padding: 0;
 }

div#head a {
 display: block;
 width: 308px;
 height: 32px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/logo.gif) no-repeat top left;
 text-indent: none;
 }


/* ナビゲーション */
#navibox { width: 900px; height:12px; padding:27px 0px 35px 0px; }

#home_navi_area { width:53px; float:left; }
#news_navi_area { width:115px; float:left; }
#about_navi_area { width:105px; float:left; }
#price_navi_area { width:43px; float:left; }
#creation_navi_area { width:62px; float:left; }
#item_navi_area { width:38px; float:left; }
#contact_navi_area { width:60px; float:left; }
#recruit_navi_area { width:54px; float:left; }
#access_navi_area { width:77px; float:left; }

div#home_navi {
 width: 53px;
 height: 12px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/home_navi.gif) no-repeat top left;
 text-indent: -9999px;
 }
div#home_navi h2 { 
 margin: 0;
 padding: 0;
 }

div#home_navi a {
 display: block;
 width: 53px;
 height: 12px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/home_navi.gif) no-repeat top left;
 text-indent: none;
 }


div#news_navi {
 width: 115px;
 height: 12px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/news_navi.gif) no-repeat top left;
 text-indent: -9999px;
 }
div#news_navi h2 { 
 margin: 0;
 padding: 0;
 }

div#news_navi a {
 display: block;
 width: 115px;
 height: 12px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/news_navi.gif) no-repeat top left;
 text-indent: none;
 }
 

div#creation_navi {
 width: 62px;
 height: 12px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/creation_navi.gif) no-repeat top left;
 text-indent: -9999px;
 }
div#creation_navi h2 { 
 margin: 0;
 padding: 0;
 }

div#creation_navi a {
 display: block;
 width: 62px;
 height: 12px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/creation_navi.gif) no-repeat top left;
 text-indent: none;
 }


div#item_navi {
 width: 38px;
 height: 12px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/item_navi.gif) no-repeat top left;
 text-indent: -9999px;
 }
div#item_navi h2 { 
 margin: 0;
 padding: 0;
 }

div#item_navi a {
 display: block;
 width: 38px;
 height: 12px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/item_navi.gif) no-repeat top left;
 text-indent: none;
 }

div#about_navi {
 width: 105px;
 height: 12px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/about_navi.gif) no-repeat top left;
 text-indent: -9999px;
 }
div#about_navi h2 { 
 margin: 0;
 padding: 0;
 }

div#about_navi a {
 display: block;
 width: 105px;
 height: 12px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/about_navi.gif) no-repeat top left;
 text-indent: none;
 }
 

div#price_navi {
 width: 43px;
 height: 12px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/price_navi.gif) no-repeat top left;
 text-indent: -9999px;
 }
div#price_navi h2 { 
 margin: 0;
 padding: 0;
 }

div#price_navi a {
 display: block;
 width: 43px;
 height: 12px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/price_navi.gif) no-repeat top left;
 text-indent: none;
 }


div#contact_navi {
 width: 60px;
 height: 12px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/contact_navi.gif) no-repeat top left;
 text-indent: -9999px;
 }
div#contact_navi h2 { 
 margin: 0;
 padding: 0;
 }

div#contact_navi a {
 display: block;
 width: 60px;
 height: 12px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/contact_navi.gif) no-repeat top left;
 text-indent: none;
 }
 

div#recruit_navi {
 width: 54px;
 height: 12px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/recruit_navi.gif) no-repeat top left;
 text-indent: -9999px;
 }
div#recruit_navi h2 { 
 margin: 0;
 padding: 0;
 }

div#recruit_navi a {
 display: block;
 width: 54px;
 height: 12px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/links_navi.gif) no-repeat top left;
 text-indent: none;
 }
 

div#access_navi {
 width: 77px;
 height: 12px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/access_navi.gif) no-repeat top left;
 text-indent: -9999px;
 }
div#access_navi h2 { 
 margin: 0;
 padding: 0;
 }

div#access_navi a {
 display: block;
 width: 77px;
 height: 12px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/access_navi.gif) no-repeat top left;
 text-indent: none;
 }


/* メイン部分 */
#mainbox { width:1000px; }
#mainboxbg { width:1000px; background-image:url(../common_img/main_bg.gif); background-repeat:repeat-y; }
#main { float:left; width:823px; padding:20px 0px 20px 20px; }


/* メインコンテンツ */
#contentsarea { width:556px; float:right; }
.contentsbox { width:536px; float:left; }
.contents { width:536px; padding-bottom:20px; }
.contents_title { width:536px; height:61px; }
.contents_bg { background-image:url(../common_img/memo_bg.gif); background-repeat:repeat-y; }
.contents_under { width:536px; height:32px; background-image:url(../common_img/memo_under.gif); }
.contents_details { width:510px; margin:0 auto; padding:10px 0px 10px 0px; line-height:160%; font-size:12px; color:#666666; }



/* コンテンツ内テキストリンク */
a.contents:link { color:#003366; text-decoration:underline; }
a.contents:hover { color:#285E94; text-decoration:underline; }
a.contents:visited { color:#285E94; text-decoration:underline; }
a.contents:active { color:#285E94; text-decoration:underline; }

/* フッター */
#footerbox { width:1000px; padding:37px 0px 0px 0px; }
#footer_left { width:500px; float:left; }
#footer_right { width:330x; float:right; background-image:url(../common_img/pdf_bg.gif); background-repeat:repeat-y; text-align:right; }
#footer_right_02 { width:466px; float:right; }
td.pdf { width:50px; text-align:left; vertical-align:middle; }
td.pdf_text { width:230px; font-size:10px; line-height:140%; color:#505052; text-align:left; }
div#pdf_icon {
 width: 29px;
 height: 28px;
 margin: 0;
 padding: 1px 1px 1px 1px;
 background:url(../common_img/pdf_icon.gif) no-repeat top center;
 text-indent: -9999px;
 }
div#pdf_icon p { 
 margin: 0;
 padding: 0;
 }

div#pdf_icon a {
 display: block;
 width: 29px;
 height: 28px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/pdf_icon.gif) no-repeat top left;
 text-indent: none;
 }
#banner_box { width:466px; }
#banner_01box { width:228px; height:66px; float:right; }
#banner_02box { width:228px; height:66px; float:right; }
#banner_03box { width:228px; height:50px; float:left; }
#banner_04box { width:228px; height:60px; float:right; }

div#banner_01 {
 width: 228px;
 height: 66px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/banner_01.jpg) no-repeat top left;
 text-indent: -9999px;
 }
div#banner_01 p { 
 margin: 0;
 padding: 0;
 }

div#banner_01 a {
 display: block;
 width: 228px;
 height: 66px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/banner_01.jpg) no-repeat top left;
 text-indent: none;
 }
 
div#banner_02 {
 width: 228px;
 height: 66px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/banner_02.jpg) no-repeat top left;
 text-indent: -9999px;
 }
div#banner_02 p { 
 margin: 0;
 padding: 0;
 }

div#banner_02 a {
 display: block;
 width: 228px;
 height: 66px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/banner_02.jpg) no-repeat top left;
 text-indent: none;
 }

div#banner_03 {
 width: 228px;
 height: 50px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/banner_03.jpg) no-repeat top left;
 text-indent: -9999px;
 }
div#banner_03 p { 
 margin: 0;
 padding: 0;
 }

div#banner_03 a {
 display: block;
 width: 228px;
 height: 50px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/banner_03.jpg) no-repeat top left;
 text-indent: none;
 }


div#banner_04 {
 width: 228px;
 height: 60px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/banner_04.jpg) no-repeat top left;
 text-indent: -9999px;
 }
div#banner_04 p { 
 margin: 0;
 padding: 0;
 }

div#banner_04 a {
 display: block;
 width: 228px;
 height: 60px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/banner_04.jpg) no-repeat top left;
 text-indent: none;
 }


#clickbox { width:220px; height:17px; padding-bottom:20px; }

#click_area { width:74px; float:left; }
.st_area { width:30px; float:left; padding-right:4px; }

div#click {
 width: 74px;
 height: 17px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/click.gif) no-repeat top left;
 text-indent: -9999px;
 }
div#click h3 { 
 margin: 0;
 padding: 0;
 }

div#st1_navi {
 width: 30px;
 height: 17px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/1st.gif) no-repeat top left;
 text-indent: -9999px;
 }
div#st1_navi h3 { 
 margin: 0;
 padding: 0;
 }

div#st1_navi a {
 display: block;
 width: 30px;
 height: 17px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/1st.gif) no-repeat top left;
 text-indent: none;
 }
 
 
div#st2_navi {
 width: 30px;
 height: 17px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/2st.gif) no-repeat top left;
 text-indent: -9999px;
 }
div#st2_navi h3 { 
 margin: 0;
 padding: 0;
 }

div#st2_navi a {
 display: block;
 width: 30px;
 height: 17px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/2st.gif) no-repeat top left;
 text-indent: none;
 }


div#st3_navi {
 width: 30px;
 height: 17px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/3st.gif) no-repeat top left;
 text-indent: -9999px;
 }
div#st3_navi h3 { 
 margin: 0;
 padding: 0;
 }

div#st3_navi a {
 display: block;
 width: 30px;
 height: 17px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/3st.gif) no-repeat top left;
 text-indent: none;
 }


div#rst_navi {
 width: 30px;
 height: 17px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/rst.gif) no-repeat top left;
 text-indent: -9999px;
 }
div#rst_navi h3 { 
 margin: 0;
 padding: 0;
 }

div#rst_navi a {
 display: block;
 width: 30px;
 height: 17px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/rst.gif) no-repeat top left;
 text-indent: none;
 }


/* コピーライト */
#copyright_left { width:35px; padding-right:10px; float:left; }
#copyright_right { width:450px; float:right; }
#copyrightbox { width:432px; }
