/* ---------------- coment here */

* {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: none;
}

body {background-color: #F0F0F0;}

td { color: #000000; font-family: verdana, osaka, sans-serif; font-size:11px; line-height: 140%; text-align: left;} 

#b_g {width : 100%;
background-color: #F0F0F0;
background-image: url(../images/back.gif); 
background-repeat: repeat-y; 
background-attachment: fixed;
background-position: center; }

#footer{  color: #666666; font-size:12px; padding : 5px 0 ; text-align: center;}

#footer2{  color: #666666;  padding : 5px 0 ;
border-top: solid #CCCCCC 1px;
border-bottom: solid #CCCCCC 1px;}

#b_g_base{width : 100%; height: 30px;
background-color: #F0F0F0;
background-image: url(../images/back_baseline.gif); 
background-repeat: no-repeat; 
background-position: top center; }

#topimg {background-image: url(../images/topimg.jpg); 
background-repeat: no-repeat; 
font-size:12px; 
text-align: right;
padding : 10px 0;}

#home { color: #666666; 
text-decoration: none;
float: left;}
#home a { color: #666666; 
text-decoration: none;}
#home a:hover{ color: #666666; 
text-decoration: underline;}

#copyright { color: #666666; 
float: right;}

/* ---------------- menu */
#event a {display:block;
width: 200px; height: 20px; 
padding : 22px 0 10px 0 ;
color: #FF9900; font-size:10px; 
background-image: url(../images/event.gif); 
background-repeat: no-repeat;  } 

#event a:hover {color: #FF3300; 
text-decoration: underline; }

#event2 a {display:block;
width: 200px; height: 20px; 
padding : 22px 0 10px 0 ;
color: #FF3300; font-size:10px; text-decoration: underline; 
background-image: url(../images/event.gif); 
background-repeat: no-repeat;  } 

#item a {display:block;
width: 200px; height: 20px; 
padding : 22px 0 10px 0 ;
color: #FF9900; font-size:10px; 
background-image: url(../images/item.gif); 
background-repeat: no-repeat;  } 

#item a:hover {color: #FF3300; 
text-decoration: underline; }

#item2 a {display:block;
width: 200px; height: 20px; 
padding : 22px 0 10px 0 ;
color: #FF3300; font-size:10px; text-decoration: underline; 
background-image: url(../images/item.gif); 
background-repeat: no-repeat;  } 

#work a {display:block;
width: 200px; height: 20px; 
padding : 22px 0 10px 0 ;
color: #FF9900; font-size:10px; 
background-image: url(../images/work.gif); 
background-repeat: no-repeat;  } 

#work a:hover {color: #FF3300; 
text-decoration: underline; }

#work2 a {display:block;
width: 200px; height: 20px; 
padding : 22px 0 10px 0 ;
color: #FF3300; font-size:10px; 
background-image: url(../images/work.gif); 
background-repeat: no-repeat;  } 

#contact a {display:block;
width: 200px; height: 20px; 
padding : 22px 0 10px 0 ;
color: #FF9900; font-size:10px; 
background-image: url(../images/contact.gif); 
background-repeat: no-repeat;  } 

#contact a:hover {color: #FF3300; 
text-decoration: underline; }

#contact2 a {display:block;
width: 200px; height: 20px; 
padding : 22px 0 10px 0 ;
color: #FF3300; font-size:10px; 
background-image: url(../images/contact.gif); 
background-repeat: no-repeat;  } 

#info a:hover {color: #FF3300; 
text-decoration: underline; }

#company a {display:block;
width: 200px; height: 20px; 
padding : 22px 0 0 0 ;
color: #FF9900; font-size:10px; 
background-image: url(../images/company.gif); 
background-repeat: no-repeat;  } 

#company a:hover {color: #FF3300; 
text-decoration: underline; }

#company2 a {display:block;
width: 200px; height: 20px; 
padding : 22px 0 0 0 ;
color: #FF3300; font-size:10px; 
background-image: url(../images/company.gif); 
background-repeat: no-repeat;  } 

/* ---------------- end of menu */
/* ---------------- news */

#newswrap {width: 720px; 
padding: 15px 20px 15px 10px;
background-color: #D7ECAE; }

#newsbox{width: 430px;
padding : 0 0 0 20px;
border-left: solid #FF3300 1px; 
float: left;
text-align: left;}

#bannerbox{
margin: 0px 0 0 0; 
float: right;}

ul.type1{list-style-type: square; 
list-style-position: outside ; 
font-size:12px;	}

/* ---------------- end of news */
/* ---------------- 　title */

#title{width:540px;
margin:40px 0 20px;
padding:5px 0;
text-align:right;
border-top: solid #CCCCCC 1px;
border-bottom: solid #CCCCCC 1px;}

/* ---------------- end of title */

h1{color: #FF3300;
font-size:24px;
padding : 20px 0 10px;}

/* ---------------- page of event */

#eventbox0{width: 400px;
padding: 10px 0 ;
float :left ;}

#eventbox1{width: 220px;
padding: 10px 0 ;
float :left ;}

#eventbox2{padding: 10px 0 ;
float :right;}

#eventbox3{width: 540px;
padding: 10px 0 ;
clear: both}

#mapicon{width: 78px;
float:left;}

#eventmap{width: 300px;
margin-left:10px;
height: 190px;
float :left ;
border: solid #666666 1px ;}

/* ---------------- end of event */
/* ---------------- item page */

#go_exampe{width:200px;
padding:5px 30px 5px 0;
text-align:right;
font-size : 14px ;
border-bottom: solid #CCCCCC 1px;
float : right ;
background-image: url(../images/sankaku1.gif);
background-repeat: no-repeat; 
background-position: center right;}

/* ---------------- end of item */
/* ---------------- work page */
#workimg{width:320px;
float : left ;
padding : 0 0 40px 0;}

.casebox{width:110px;
float : left ;}

.case1 a {display:block;
width:110px; height:20px;
background-image: url(../images/work/case1_1.gif); 
background-repeat: no-repeat;
background-position: right ;
text-indent: -9999px ; 
margin: 0 0 10px; }
.case1 a:hover {display:block;
width:110px;
background-image: url(../images/work/case1_2.gif); 
background-repeat: no-repeat;
background-position: right ;
text-indent: -9999px ; }

.case2 a {display:block;
width:110px; height:20px;
background-image: url(../images/work/case2_1.gif); 
background-repeat: no-repeat;
background-position: right ;
text-indent: -9999px ; 
margin: 0 0 10px; }
.case2 a:hover {display:block;
width:110px;
background-image: url(../images/work/case2_2.gif); 
background-repeat: no-repeat;
background-position: right ;
text-indent: -9999px ; }

.case3 a {display:block;
width:110px; height:20px;
background-image: url(../images/work/case3_1.gif); 
background-repeat: no-repeat;
background-position: right ;
text-indent: -9999px ; 
margin: 0 0 10px; }
.case3 a:hover {display:block;
width:110px;
background-image: url(../images/work/case3_2.gif); 
background-repeat: no-repeat;
background-position: right ;
text-indent: -9999px ; }

.case4 a {display:block;
width:110px; height:20px;
background-image: url(../images/work/case4_1.gif); 
background-repeat: no-repeat;
background-position: right ;
text-indent: -9999px ; 
margin: 0 0 10px; }
.case4 a:hover {display:block;
width:110px;
background-image: url(../images/work/case4_2.gif); 
background-repeat: no-repeat;
background-position: right ;
text-indent: -9999px ; }

.case5 a {display:block;
width:110px; height:20px;
background-image: url(../images/work/case5_1.gif); 
background-repeat: no-repeat;
background-position: right ;
text-indent: -9999px ; 
margin: 0 0 10px; }
.case5 a:hover {display:block;
width:110px;
background-image: url(../images/work/case5_2.gif); 
background-repeat: no-repeat;
background-position: right ;
text-indent: -9999px ; }

.case6 a {display:block;
width:110px; height:20px;
background-image: url(../images/work/case6_1.gif); 
background-repeat: no-repeat;
background-position: right ;
text-indent: -9999px ; 
margin: 0 0 10px; }
.case6 a:hover {display:block;
width:110px;
background-image: url(../images/work/case6_2.gif); 
background-repeat: no-repeat;
background-position: right ;
text-indent: -9999px ; }

.case7 a {display:block;
width:110px; height:20px;
background-image: url(../images/work/case7_1.gif); 
background-repeat: no-repeat;
background-position: right ;
text-indent: -9999px ; 
margin: 0 0 10px; }
.case7 a:hover {display:block;
width:110px;
background-image: url(../images/work/case7_2.gif); 
background-repeat: no-repeat;
background-position: right ;
text-indent: -9999px ; }

#work_exampe{width:220px;
padding:5px 0 5px;
margin : 0 0 10px 0;
text-align:right;
font-size : 14px ;
border-bottom: solid #CCCCCC 1px;
float : right;}

#look_toku{width:205px;
padding:5px 15px 5px 0;
text-align:right;
font-size : 14px ;
border-bottom: solid #CCCCCC 1px;
background-image: url(../images/sankaku1.gif);
background-repeat: no-repeat; 
background-position: center right;
float : right;}

#sub_title{
padding : 5px 0 5px 150px  ;
clear: both ; 
color: #FF3300 ;
font-size : 16px ;
background-image: url(../images/work/case01.gif);
background-repeat: no-repeat; 
background-position: left center;}

.back a {display:block;
width : 56px;
background-image: url(../images/work/back1.gif); 
background-repeat: no-repeat;
text-indent: -9999px ; 
margin: 10px; 
float : right;}
.back a:hover {display:block;
background-image: url(../images/work/back2.gif); 
background-repeat: no-repeat;
text-indent: -9999px ; }

.next a {display:block;
width : 56px;
background-image: url(../images/work/next1.gif); 
background-repeat: no-repeat;
text-indent: -9999px ; 
margin: 10px; 
float : right;}
.next a:hover {display:block;
background-image: url(../images/work/next2.gif); 
background-repeat: no-repeat;
text-indent: -9999px ; }

.smallbox{text-align: right;
padding: 0 0 3px 0 :}


/* ---------------- end of work*/
/* ---------------- company page */

#com_profile{padding : 15px 0 15px 100px ;
margin : 30px 0 20px;
background: url(../images/profile.gif) left no-repeat;
font-size: 14px;
color :#FF3300;}

.profile_left{width : 138px ; height :30px;
margin : 0 20px;
padding: 10px 0 0 ;
text-align : center ;
background: url(../images/pro_bar.gif) center no-repeat;
float : left;}

.profile_right{height : 30px;
padding: 10px 0 0 ;
text-align: left;}

#com_policy{padding : 15px 0 15px 100px ;
margin : 30px 0 20px;
background: url(../images/policy.gif) left no-repeat;
font-size: 14px;
color :#FF3300;}

#policy_text{width : 460px;
margin : 0 0 50px 20px;
padding : 20px 10px;
font : 10px/14px;
border-left: 1px solid #FF3300;
text-align: left;}

/* ---------------- end of company*/
/* ---------------- privacy page */

.left_orange{margin : 15px 10px ;
padding : 0 10px;
border-left: 1px solid #FF3300;}

ul.type2{ list-style: disc outside;}

/* ---------------- end of pryvacy*/
/* ---------------- contact page */
.red_table{padding : 5px;
color : #FF3300;
border: 1px solid #FF3300;}

.gray_table{padding : 5px;
color : #000000;
border: 1px solid #666666;}

.gray_table2{padding : 3px;
color : #000000;
background-color:#FFE3DC;}

.gray_table3{padding : 5px;
color : #000000;}

#back_orange{margin : 30px 0 15px;
	text-align: center;
	background-color:#FFE3DC;
	color : #FF3300;}

.red_table2{margin : 15px 0 10px;
text-align: center;
color : #666666;
border: 1px solid #666666;}

.red_table3{margin : 15px 0 10px;
text-align: center;
color : #666666;
border: 1px solid #CCCCCC;}

/* ---------------- end of contact*/
/* ---------------- faq page */

.q{background: url(../images/q.gif) left top no-repeat;
padding : 10px 0 10px 50px;
color :  #FF3300;
font-size : 14px;
clear: both;}

.a{background: url(../images/a.gif) left top no-repeat;
margin-left : 50px;
padding : 10px 0 5px 50px;}

.kanren a{color : #006666;
text-decoration: underline;
float: right ;
margin : 0 0 30px;}

#back_orange2{margin : 100px 0 15px;
	text-align: center;
	color : #FF3300;}
	
/* ---------------- end of faq*/
/* ---------------- flow page */

.yellow14px{color : #FF9900 ;
font-size : 14px ;
text-align : right ;}

.bag_gray{background-color: #F0F0F0 ;
padding : 20px;}

.bagwhite{background-color: #FFFFFF ;
padding : 20px;}

/* ---------------- class */

.pad10px0px{padding: 10px 0;}
.pad2px {padding : 2px;}
.padtop20px{ padding :20px 0 0;}
.padtop80px{ padding :80px 0 0;}
.pad0020px20px{padding : 0 0 20px 20px;}

.orangebox{width: 210px;
padding: 0px 3px;
color :#FF3300;
border: solid #FF3300 1px ;}

.orangebox2{width: 532px;
padding: 3px 3px;
margin: 10px 0 ;
color :#FF3300;
border: solid #FF3300 1px ;}

.orangebox3{width: 390px;
padding: 0px 3px;
color :#FF3300;
border: solid #FF3300 1px ;}

.graybox{width: 390px;
padding: 0px 3px;
color :#666666;
border: solid #999999 1px ;}

.bluebox2{width: 532px;
padding: 3px 3px;
margin: 10px 0 ;
color :#006666;
border: solid #006666 1px ;}

.yellowbox2{width: 532px;
padding: 3px 3px;
margin: 10px 0 ;
color :#999900;
border: solid #999900 1px ;}

.floatleft{float:left:}
.floaright{float:right:}

.center{text-align: center ; }

.table{width : 540px; height : 50px ;
display: block;}

.font10px{font: 10px/15px ;}

.font_brown{color: #663300;
text-align: center;
padding: 10px 0;}

/* ---------------- end of class */





/* ----------------  
a:link { color: blue; } 
a:visited { color: #8080ff; } 
a:hover { color: #ffff00; } 
a:active { color: red; }

a.クラス名:link { color: blue; } 
a.クラス名:visited { color: #8080ff; } 
a.クラス名:hover { color: #ffff00; } 
a.クラス名:active { color: red; }-----------*/