html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

body a:hover{
     color:#990000;
}


a{text-decoration:none; color:#990000;}
a:hover{text-decoration:none; color:#990000;}
a:visited{text-decoration:none; color:#330000;}
a:link{text-decoration:none; color:#330000;}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}




/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*初期レイアウト*/
body{
    background-color:#EFEBD8;
}

img a{border-bottom:none !important;}

#head{
  width:100%;
  height:25px;
  background:url(../img/head_bg.jpg);
  background-repeat:repeat-x;
}

#head_copy{
   width:780px;
   margin:0 auto;
   color:#FFFFCC;
}

#head_navi{
   width:780px;
   height:92px;
   margin:0 auto;
   position:relative;
   background:url(../img/head.jpg) no-repeat;
}

#logo{
	width:169px;
	height:50px;
	position:absolute;
	left:9px;
	top: 33px;
}

#contact{
	width:270px;
	height:30px;
	position:absolute;
	right:16px;
	top:57px;
}

#main_wrap{
   width:780px;
   margin:0 auto;
   background:#EFEBD8;
   height:auto;
}

#navi{
   margin:10px 0;
   width:780px;
   height:59px;
   position:relative;
   
   
}

#navi ul{
   margin:0;
   padding:0;
}

#navi ul li{
	 margin:0;
	 padding:0;
	 float:left;
}
   
#head_img{
     width:780px;
}

#main_contents{
     width:740px;
	 height:auto;
	 background-color:#FEF8EB;
	 padding:20px;



}

.block_l{
     width:240px;
 	 margin:0 10px 20px 0;
	 float:left;
}

.block_s{
     width:240px;
 	 margin:0 10px 20px 0 ;
	 float:left;
}

.block_r{
     width:240px;
 	 margin:0 0 20px 0;
	 float:left;
}

#news{
      width:238px;
	  float:left;
	  border:1px dotted #999999;
}

#news p{
      padding:0 0 0 5px !important;
}

#bottom_menu{
      width:100%;
	  height:auto;
	  border-top:1px dotted #660000;
	  margin:10px 0 20px 0;
	  position:relative;
	  clear:both;
}

#bottom_menu ul{
      padding-left:20px;
}


#bottom_menu li{
      float:left;
	  font-size:11px;
	  line-height:2.5em;
	  padding:0 5px;
}

#copyright{
      width:100%;
	  background:url(../img/foots_bg.jpg);
	  background-repeat:repeat-x;
	  height:300px;
	  clear:both;
}

#copyright a{
     border-bottom:none;
}

#copylogo{
      width:780px;
	  height:300px;
	  margin:0 auto;
	  background:url(../img/copyrights.gif) no-repeat;
	  position:relative;
}

#company_logo{
	width:50px;
	height:25px;
	position:absolute;
	top:8px;
	right:131px;
}

#policy_logo{
	width:110px;
	height:25px;
	position:absolute;
	top:8px;
	right:8px;
}

#other_site{
   width:780px;
   position:absolute;
   top:70px;
   right:0;
   color:#FFFFFF;
   font-size:12px;
}

.site_img{
   width:170px;
   padding-left:25px;
   float:left;
}

#other_site p{
	text-align:center;
	padding:5px;
    
}

#other_site a{
    color:#FFFFFF;
}  

#other_site a:hover{
    text-decoration:underline;
} 

/*ナビゲーションボタン*/
#btn1 a{width:130px; height:59px; display:block; text-indent:-9999px; background:url(../img/menu.png) no-repeat; background-position:0px 0px; }
#btn2 a{width:130px; height:59px; display:block; text-indent:-9999px; background:url(../img/menu.png) no-repeat; background-position:0px -69px; }
#btn3 a{width:130px; height:59px; display:block; text-indent:-9999px; background:url(../img/menu.png) no-repeat; background-position:0px -138px; }
#btn4 a{width:130px; height:59px; display:block; text-indent:-9999px; background:url(../img/menu.png) no-repeat; background-position:0px -207px; }
#btn5 a{width:130px; height:59px; display:block; text-indent:-9999px; background:url(../img/menu.png) no-repeat; background-position:0px -276px; }
#btn6 a{width:130px; height:59px; display:block; text-indent:-9999px; background:url(../img/menu.png) no-repeat; background-position:0px -345px; }

#btn1 a:hover{background:url(../img/menu_over.png) no-repeat; background-position:0px 0px; }
#btn2 a:hover{background:url(../img/menu_over.png) no-repeat; background-position:0px -69px; }
#btn3 a:hover{background:url(../img/menu_over.png) no-repeat; background-position:0px -138px; }
#btn4 a:hover{background:url(../img/menu_over.png) no-repeat; background-position:0px -207px; }
#btn5 a:hover{background:url(../img/menu_over.png) no-repeat; background-position:0px -276px; }
#btn6 a:hover{background:url(../img/menu_over.png) no-repeat; background-position:0px -345px; }

#btn1s a{width:130px; height:59px; display:block; text-indent:-9999px; background:url(../img/m_menubook_o.gif); border-bottom:none;}
#btn2s a{width:130px; height:59px; display:block; text-indent:-9999px; background:url(../img/m_photograph_o.gif); border-bottom:none;}
#btn3s a{width:130px; height:59px; display:block; text-indent:-9999px; background:url(../img/m_shopleaf_o.gif); border-bottom:none;}
#btn4s a{width:130px; height:59px; display:block; text-indent:-9999px; background:url(../img/m_logodesign_o.gif); border-bottom:none;}
#btn5s a{width:130px; height:59px; display:block; text-indent:-9999px; background:url(../img/m_pop-poster_o.gif); border-bottom:none;}
#btn6s a{width:130px; height:59px; display:block; text-indent:-9999px; background:url(../img/m_charges_o.gif); border-bottom:none;}


/*画像ナビゲーション*/
#mnavi1 a{width:240px; height:150px; display:block; text-indent:-9999px; background:url(../img/menu_book_ts.jpg); border-bottom:none;}
#mnavi1 a:hover{width:240px; height:150px; display:block; background:url(../img/menu_book_ts_over.jpg); border-bottom:none;}

#mnavi2 a{width:240px; height:150px; display:block; text-indent:-9999px; background:url(../img/photo_ts.jpg); border-bottom:none;}
#mnavi2 a:hover{width:240px; height:150px; display:block; background:url(../img/photo_ts_over.jpg); border-bottom:none;}

#mnavi3 a{width:240px; height:150px; display:block; text-indent:-9999px; background:url(../img/reaflet_ts.jpg); border-bottom:none;}
#mnavi3 a:hover{width:240px; height:150px; display:block; background:url(../img/reaflet_ts_over.jpg); border-bottom:none;}


#mnavi5 a{width:240px; height:150px; display:block; text-indent:-9999px; background:url(../img/poster_ts.jpg); border-bottom:none;}
#mnavi5 a:hover{width:240px; height:150px; display:block; background:url(../img/poster_ts_over.jpg); border-bottom:none;}



/*フォント*/
h1{
    font-weight:normal;
	font-size:11px;
	padding:5px 0 0 20px;
}

.contents_txt h2{
     font-size:1.0em;
	 line-height:1.5;
	 margin-bottom:1em;
}



#main_contents h2{
     font-weight:normal;
	 padding:5px;
	 font-size:12px;
	 line-height:1em;
	 color:#FF0000;
}

h2.s_contents{
     border-bottom:1px solid #330000;
	 border-left:3px solid #330000;
	 margin-left:5px;
	 margin-right:10px;

}

#main_contents p{
     font-size:12px;
	 line-height:1.5em;
	 padding:5px 0 0 0;
}

.clear{
     clear:both;
}

.new_t3{
     font-size:12px;
	 line-height:1.3em;
	 padding-left:5px;
}


/*パンくず*/
#plist{
    margin:0;
	padding:0;
	font-size:12px;
	line-height:2.5em;
	border-bottom:1px dotted #666666;
}

/*下層コンテンツ*/
.contents_wrap{
     width:100%;
	 position:relative;
	 clear:both;
	 padding:20px 0;
}

.contents_wrap h2{

}

.contents_wrap p{
     padding:0 10px !important;

}

.contents_txt{
     width:500px;
	 float:left;
}

.contents_img{
     width:240px;
	 float:left;
}

.contents_img_t{
     width:300px;
	 float:left;
	 text-align:center;
}

.contents_txt_t{
     width:440px;
	 float:left;
}

.contents_img_tt{
    width:240px;
	float:left;
	text-align:center;
}




#gallery_wrap{
     width:100%;
	 clear:both;
	 position:relative;
}

.gallery_l{
     width:360px;
	 padding:0 0 0 10px;
	 float:left;
}

.gallery_r{
     width:360px;
	 padding:0 0 0 10px;
	 float:left;
}

/*case*/
.photo {
	margin:0;
	position: relative;
	width: 230px;
	height: 200px;
	float: left;
}
.photo img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.photo a {
	text-decoration: none;
}

.photo2 {
	margin:0;
	position: relative;
	width: 230px;
	height: 200px;
	float: left;
}
.photo2 img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}

.sample6 span {
	width: 230px;
	height: 200px;
	display: block;
	position: absolute;
	top: 3px;
	left: 1px;
	background:url(../img/cut_corner.gif) no-repeat;
}

.case_wrap{
    width:100%;
	clear:both;
	margin:10px 0;
}

.case_detail{
     width:700px;
	 margin:50px auto;
	 clear:both;
	 position:relative;
}

.case_detail_img{
     width:250px;
	 float:left;
}

.case_detail_txt{
     width:370px;
	 float:left;
	 
}

.case_detail_txtw{
     width:450px;
	 float:left;
	 font-size:12px;
	 margin-left:18px;

	 line-height:1.5em;
}

.case_detail_txtw img{
}

.case_detail_tit{
     width:90px;
	 float:left;
	 font-size:12px;
	 padding-left:10px;
}

.case_detail_txtw table{
    margin-top:10px;
}

.case_detail h3{
     font-weight:normal;
	 font-size:12px;
}

.cese_txt{
     width:230px;
	 float:left;
	 margin:0 20px 0 0;
	 text-align:center;
	 

}

.case_txt2{
     width:230px;
	 float:left;
	 margin:0;
	 text-align:center;
}

#page_top{
     float:right;
	 margin:5px;
}	

#page_top a{
      border-bottom:none;
} 
	 
#contact_form{
      width:590px;
	  height:100px;
	  margin:20px auto;
	  clear:both;
	  background:url(../img/blog_bottan_bt.jpg) no-repeat;
	  display:block;
	  position:relative;
}

#flow_s{
	width:293px;
	height:35px;
	display:block;
	position:absolute;
	top:10px;
	left:286px;
}

#contact_s{
	width:295px;
	height:40px;
	position:absolute;
	top:52px;
	left:290px;
	display:block;
}

#photo_case1 a{width:230px; height:200px; display:block; float:left; background:url(../../case/images/okinawajikan_photo_waku.jpg) no-repeat; text-indent:-9999px; }
#photo_case1 a:hover{width:230px; height:200px; display:block; background:url(../../case/images/okinawajikan_photo_waku_ov.jpg) no-repeat;}
#photo_case2 a{width:230px; height:200px; display:block; float:left; background:url(../../case/images/marusaudon_photo_waku.jpg) no-repeat; text-indent:-9999px; }
#photo_case2 a:hover{width:230px; height:200px; display:block; background:url(../../case/images/marusaudon_photo_waku_ov.jpg) no-repeat;}
#photo_case3 a{width:230px; height:200px; display:block; float:left; background:url(../../case/images/arakaruton_photo_waku.jpg) no-repeat; text-indent:-9999px;}
#photo_case3 a:hover{width:230px; height:200px; display:block; background:url(../../case/images/arakaruton_photo_waku_ov.jpg) no-repeat;}
#photo_case4 a{width:230px; height:200px; display:block; float:left; background:url(../../case/images/kokoro_photo_waku.jpg) no-repeat; text-indent:-9999px;}
#photo_case4 a:hover{width:230px; height:200px; display:block; background:url(../../case/images/kokoro_photo_waku_ov.jpg) no-repeat;}


/*会社概要*/
#company_wrap{
       width:550px;
	   margin:30px auto;
}

#company_wrap table{
      width:500px;
}

#company_wrap th{
       width:100px;
	   padding-left:1em;
	   line-height:2em;
	   font-weight:normal;
	   font-size:12px;
	   text-align:left;
}

#company_wrap td{
        width:400px;
		padding-left:1em;
		line-height:2em;
		font-size:12px;
}

.w270{
    width:230px !important;
	border-right:none !important;
}

.w180{
    width:170px !important;
	border-left:none !important;
}

.right{float:right;}

/*プライバシーポリシー*/
#policy_wrap{
       width:500px;
	   margin:30px auto;
}

#policy_wrap p{
      padding-left:15px;
}

#policy_wrap p.policy_txt{
        padding-left:10px;
}

#policy_wrap h3{
       border-bottom:1px dotted #330000;
	   font-weight:normal;
	   font-size:12px;
	   line-height:2em;
	   margin-left:10px;
	   margin-top:10px;
}

#policy_wrap ul{
      margin:10px 0;
}

#policy_wrap li{
      font-size:12px;
	  line-height:2em;
	  list-style:outside !important;
	  list-style-type:disc !important;
	  margin-left:30px;
	  margin-right:10px;
	  
}

/*制作事例*/
#case_title{
	  width:500px;
	  margin:10px 0;
}

.case_detail_txtw td img{
     padding:4px;
	 border:1px solid #CCCCCC;
}

/*問い合わせ*/
#contact_wrap{
     width:700px;
	 margin:0 auto;
}

.font14{
     font-size:14px !important;
	 letter-spacing:0.2em;
 
}

#tel_contact{
     width:500px;
	 margin:10px auto;
	 border:1px dotted #330000;
}

#tel_contact p{
     padding-left:10px;
}


#contact_mail{
     width:600px;
	 margin:10px auto;
}

#contact_mail table{
     width:100%;
	 border:1px dotted #330000;
	 border-collapse:collapse;
}

#contact_mail th{
      border:1px dotted #330000;
	  border-collapse:collapse;
	  line-height:1.5em;
	  font-size:12px;
	  padding:0.5em;
	  width:200px;
	  text-align:left;
	  font-weight:normal;
	  vertical-align:middle;

}

#contact_mail td{
     border:1px dotted #330000;
	 border-collapse:collapse;
	 line-height:1.5em;
	 font-size:12px;
	 padding:0.5em;
	 width:400px;
	 padding:1em;
}

.n_color{
     color:#660000;
}

#form_contact_submit {
	margin: 0px;
	padding: 10px 10px 10px 200px;
}

#form_contact_send{
    width:100%;
	margin:10px 0;
	position:relative;

}

#form_contact_send_go{
    width:300px;
	float:left;
	text-align:right;

}

#form_contact_send_back{
    width:290px;
	padding-left:10px;
	float:left;

}

#contact_send{
    width:400px;
	margin:100px auto;
	text-align:center;
	
}

/*撮影*/
#photo_wrap{
	width:100%;
	margin:30px 0;
}

.photo_l{
   width:353px;
   height:240px;
   margin:0 0 10px 0;
   float:left;
   border:1px solid #CCCCCC;
   padding:5px;
}


.photo_r{
   width:353px;
   height:240px;
   margin:0 0 10px 10px;
   border:1px solid #CCCCCC;
   padding:5px;
   float:left;
}

#photo1 a{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_daisei.jpg) no-repeat;}
#photo1 a:hover{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_daisei_over.jpg) no-repeat;}

#photo2 a{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_gane-sya.jpg) no-repeat;}
#photo2 a:hover{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_gane-sya_over.jpg) no-repeat;}

#photo3 a{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_gyusujiya.jpg) no-repeat;}
#photo3 a:hover{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_gyusujiya_over.jpg) no-repeat;}

#photo4 a{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_higashiyama.jpg) no-repeat;}
#photo4 a:hover{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_higashiyama_over.jpg) no-repeat;}

#photo5 a{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_himukaya.jpg) no-repeat;}
#photo5 a:hover{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_himukaya_over.jpg) no-repeat;}

#photo6 a{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_jimon.jpg) no-repeat;}
#photo6 a:hover{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_jimon_over.jpg) no-repeat;}

#photo7 a{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_kakiuchi.jpg) no-repeat;}
#photo7 a:hover{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_kakiuchi_over.jpg) no-repeat;}

#photo8 a{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_marusaudon.jpg) no-repeat;}
#photo8 a:hover{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_marusaudon_over.jpg) no-repeat;}

#photo9 a{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_mirakutei.jpg) no-repeat;}
#photo9 a:hover{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_mirakutei_over.jpg) no-repeat;}

#photo10 a{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_miyagawa.jpg) no-repeat;}
#photo10 a:hover{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_miyagawa_over.jpg) no-repeat;}

#photo11 a{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_mottu.jpg) no-repeat;}
#photo11 a:hover{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_mottu_over.jpg) no-repeat;}

#photo12 a{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_okinawajikan.jpg) no-repeat;}
#photo12 a:hover{width:353px; height:240px; display:block; text-indent:-9999px; background:url(../img/ph_okinawajikan_over.jpg) no-repeat;}

#search{
   position:absolute;
   top:0;
   right:10px;
}

/*ポップアップ*/
#pmain_wrap{
   width:600px;
   background:#EFEBD8;
   height:auto;
}

#phead_img{
     width:600px;
}


#pmain_contents{
     width:600px;
	 height:auto;
	 background-color:#FEF8EB;
	 padding:20px 0;
}

#pmain_contents h2{
     font-weight:normal;
	 padding:5px;
	 font-size:12px;
	 line-height:1em;
	 color:#FF0000;
}

#pmain_contents p{
     font-size:12px;
	 line-height:1.5em;
	 padding:5px 0 0 10px;
}

.center{
   text-align:center;
}

/*バナー*/
.seminer_banner{
   width:740px;
   height:142px;
   background:url(../img/banner780.gif) no-repeat;
   display:block;
   margin:10px 0;
   position:relative;
}

.seminar_contact{
	width:150px;
	height:125px;
	position:absolute;
	top:8px;
	right:6px;
}