@charset "utf-8";
/******************************************

袋 de オリコミ
[style]common
サイト全体共通部分スタイル指定

******************************************/
/* ------------------------------------------------------------
header
------------------------------------------------------------ */
#header{
	background:url(../images/bg_header.jpg) repeat-x left bottom;
}
/*　navi sub　*/
#navi_sub_header{
	width:860px;
	height:30px;
	margin:0 auto;
	text-align:right;
}
#navi_sub_header ul li{
	display:inline;
	font-size:10px;
	margin-right:10px;
	text-align:right;
	padding-left:10px;
}
#navi_sub_header ul li a{
	text-decoration:none;
	color:#333333;
	font-weight:bold;
}
#navi_sub_header ul li a:hover{
	text-decoration:none;
	color:#09C;
	font-weight:bold;
}
#wrapper_header{
	width:960px;
	margin:0 auto;
}
#header_tel{
	width:266px;
	height:31px;
	background:url(../images/header_tel.jpg) no-repeat;
	float:right;
	margin-top:-55px;
}
#header_tel p{
	display:none;
	}
	
	
/* siteID */
h1 {
	margin-right:242px;
	float:left;
}
/* font size */
#box_fontsize{
	width:174px;
	height:30px;
	background:url(../images/bg_fontsize.jpg) no-repeat 0 0;
	float:left;
}
ul#bt_switch{
	width:84px;
	height:24px;
	margin-top:3px;
	margin-left:81px;
	background:url(../images/bt_fontsize.jpg) no-repeat 0 0;
}
ul#bt_switch li{
	width:26px;
	height:24px;
	margin-right:2px;
	text-indent:-9999px;
	float:left;
}
ul#bt_switch li a{
width:26px;
height:24px;
display:block;
overflow:hidden;
}

ul#bt_switch li#sw1 a:hover{background:url(../images/bt_fontsize.jpg) no-repeat -84px 0;}
ul#bt_switch li#sw2 a:hover{background:url(../images/bt_fontsize.jpg) no-repeat -112px 0;}
ul#bt_switch li#sw3 a:hover{background:url(../images/bt_fontsize.jpg) no-repeat -140px 0;}
/* seach */
#box_search{
	width:264px;
	float:left;
}
/* ------------------------------------------------------------
navi main
------------------------------------------------------------ */
#box_navi_main{
	height:52px;
	background:url(../images/bg_navi_main.jpg) repeat-x 0 0;
}
#ul_navi_main{
	width:960px;
	margin:0 auto;
}
ul#ul_navi_main li{
	position: relative;
	width:160px;
	height:52px;
	float:left;
}
#ul_navi_main li li:hover > a{
    color:#9C6;
} 
*html #ul_navi_main li li a:hover{ /* IE6 */
    color: #9C6;
}
#ul_navi_main li:hover > ul{
    display: block;
}
 
/* Sub-menu */

 /**/
ul#ul_navi_main ul{
    list-style: none;
    margin: 0;
    padding:0;
    display: none;
    position: absolute;
    top: 52px;
    left: 0;
    z-index: 99999;
	/*
    background: #222;
    background: -moz-linear-gradient(top, #222, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #222)); 
	*/   
/*
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	*/

}
ul#ul_navi_main ul#nm_right{
	left:auto;
	right:0;
}
 
ul#ul_navi_main ul li{
	width:auto;
	min-width:160px;
	height:auto;
    float: none;
    margin: 0;
    padding: 0;
    display: block; 
	background:#fff;
	 filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
	
	/*
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
	*/
}
/*
ul#ul_navi_main ul li:last-child{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}
*/
ul#ul_navi_main ul li a{
    color:#660;
	width:auto;

    text-decoration: none;
	/*
    text-shadow: 0 1px 0 #000;
	*/
	padding: 10px 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}
 
ul#ul_navi_main ul li:hover > a
{
    color: #fff;
}
 
*html ul#ul_navi_main ul li a:hover /* IE6 */
{
    color: #000;
}
ul#ul_navi_main ul li a{

}
 
*html ul#ul_navi_main ul a {/* IE6 */
    height: 10px;
	/*
    width: auto;
	*/
}
 
*:first-child+html ul#ul_navi_main ul a{ /* IE7 */
    height: 10px;
    width: auto;
}
 
ul#ul_navi_main ul li a:hover{
    background:#690;
    
}

*/
/* Clear floated elements */
ul#ul_navi_main:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
 
* html ul#ul_navi_main             { zoom: 1; } /* IE6 */
*:first-child+html ul#ul_navi_main { zoom: 1; } /* IE7 */


/* ------------------------------------------------------------
topicpath
------------------------------------------------------------ */
#pankuzu{
	width:960px;
	margin:12px auto 0 auto; 
}
.pankuzu_top{
	margin-right:5px;
}
.pankuzu_in{
	margin-left:5px;
	margin-right:5px;
}
.pankuzu_last{
	margin-left:5px;
}


/* ------------------------------------------------------------
column
------------------------------------------------------------ */
#wrapper_column{
	width:900px;
	height: auto;
	margin:20px auto 20px auto;
	padding: auto 15px;
}


#column_main{
	width:680px;
	float:left;
	margin-top:20px;
}
#column_sub{
	width:260px;
	float:right;
	margin-top:20px;
}
#side_menu{
	width:250px;
	height:auto;
	}
#side_menu ul{
	list-style:none;
}
#side_menu li{
	margin-bottom:8px;
}

/* ------------------------------------------------------------
main column
------------------------------------------------------------ */
.pagetitle{
	margin-bottom:30px;
}

.main_in{
	margin-top:20px;
	margin-bottom:30px;
	padding-left:30px;
	padding-right:10px;
}

.maintext{
	padding:0 15px 0 0;
	margin-bottom:20px;
	width:578px;
	height:auto;
	padding-right:12px;
}

.maintext p{
	font-size:14px;
	color:#333;
	margin-bottom:12px;
}

.text_head{
	border-left:10px solid #669900;
	padding-left:10px;
	color:#669900;
	font-weight:bold;
	margin-top:15px;
	}

.rightimg img{
	float:right;
	padding:0 5px 0 0px;
	margin:18px 8px 20px 10px;
	clear:both;
	}


.rightimg2 img{
	float:right;
	padding:0 5px 0 0px;
	margin:25px 8px 0px 10px;
	clear:both;
	}

/* ------------------------------------------------------------
in page
------------------------------------------------------------ */

#in_header{
	width:860px;
	height:150px;
	margin:0 auto;
}

#in_header h1{
	width: 283px;
	height: 96px;
}

#in_header h1 a {
	width: 283px;
	height: 96px;
	display:block;
	margin-top:24px;
	background:url(../images/in_title.png) no-repeat;
	text-indent:-9999px;
}

#in_main{
	width:860px;
	height:auto;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:30px;
	overflow: hidden;
}

.bg_pht{
	background-image:url(../images/main_bg03.png);
	background-repeat:no-repeat;
	background-position: bottom right;
}

.bg_pht2{
	background-image:url(../images/main_bg02.png);
	background-repeat:no-repeat;
	background-position: bottom right;
}

#in_left{
	width:590px;
	height:auto;
	float:left;
}

#in_left h5{
	font-size:16px;
	font-weight:bold;
	margin-top:12px;
	}
	
#in_left h6{
	font-size:14px;
	font-weight:bold;
	border-bottom:2px solid #F90;
	margin-bottom:12px;
	}

#in_right{
		width:250px;
	height:auto;
	float:right;
}


/* ------------------------------------------------------------
main table
------------------------------------------------------------ */

.main_table{
width:580px;
margin:12px 0px 10px 0px;
padding:0px;
border-collapse:separate;
border-spacing:2px;
font-size:12px;
}
.main_table th{
padding:10px 8px 10px 8px;;
text-align:center;
vertical-align:middle;
background:#0099CC;
color:#ffffff;
font-weight:bold;
}
.main_table td{
padding:10px 5px 10px 5px;
vertical-align:middle;
text-align:center;
background-color:#FFFFFF;
border:1px solid #09C;
color:#333333;
vertical-align:middle;
}

.main_table td img{
	padding-top:3px;
}

/*フォームのテーブルここから*/
.main_table2{
width:580px;
margin:12px 0px 10px 0px;
padding:0px;
border-collapse:separate;
border-spacing:5px;
font-size:12px;
}

.main_table2 th{
width:110px;	
padding:5px 8px 5px 12px;
text-align:left;
vertical-align: middle;
background:#0099CC;
color:#ffffff;
font-weight:bold;
}
.main_table2 td{
padding:3px 5px 3px 16px;
vertical-align:middle;
text-align:left;
border-bottom:1px dotted #09C;
color:#333333;
vertical-align:middle;
}

input.forminput{
		width: 300px;
	height: 32px;
}

input.forminput2{
		width: 350px;
	height: 32px;
}
	
input.formzipinput{
	width: 180px;
	height: 28px;
}

input.forminputels{
		width: 200px;
	height: 32px;
}

.main_table2 td textarea{
width: 350px;
height: 100px;
overflow: auto;
}

/*.main_table2 td input{
	width: 300px;
	height: 32px;
}

.zipcode{
	width: 100px;
	height: 32px;
}

.main_table2 td textarea{
width: 300px;
height: 200px;
overflow: auto;
}
*/

/*フォームのテーブルここから*/

input.form1 {
	width: 100%;
	 height: 32px; 
	 vertical-align:middle;
	 font-size: 110%;
	 }
	 
	 
p.kakunin{
	text-align: center;
	margin:20px auto 0;
}


.about_title{
	width:590px;
	height:54px;
	background:url(../images/about_title.jpg) no-repeat;
	margin-top:30px;
}


th.mformtr{
width:110px;	
height: 40px;
padding:5px 8px 5px 12px;
text-align:left;
vertical-align: middle;
background:#0099CC;
color:#ffffff;
font-weight:bold;
}


td.mformtd{
height: 40px;
padding:3px 5px 3px 16px;
vertical-align:middle;
text-align:left;
border-bottom:1px dotted #09C;
color:#333333;
vertical-align:middle;
}
/*フォームのテーブルここまで*/






.main_table3{
width:580px;
margin:12px 0px 10px 0px;
padding:0px;
border-collapse:separate;
border-spacing:2px;
font-size:12px;
}
.main_table3 th{
padding:10px 8px 10px 8px;;
text-align:center;
vertical-align:middle;
font-weight:bold;
}
.main_table3 td{
padding:10px 5px 10px 5px;
vertical-align:middle;
text-align:center;
vertical-align:middle;
}

.main_table3 td img{
	display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
	margin-bottom:8px;
}


/* ------------------------------------------------------------
appbox
------------------------------------------------------------ */

.appbox{
	width:634px;
	height:auto;
	background-color:#FAF8F1;
	border-left:1px solid #A4CE64;
	border-right:1px solid #A4CE64;
	border-bottom:1px solid #A4CE64;
	padding-top:15px;
}

.appbox table{
	margin-left:15px;
}

.appbox td{
	font-size:12px;
	padding-bottom:8px;
}

.appbox p{
	font-size:12px;
	margin:-10px 15px 15px 15px;
}

.pdf_icon{
	background:url(../images/pdficon_small.gif) no-repeat;
	padding-left:20px;
}

.download{
	background:url(../images/dl_icon_small.gif) no-repeat 0 2px;
	padding-left:20px;
}

/* ------------------------------------------------------------
faq
------------------------------------------------------------ */
	
.faq_q{
	height:30px;
	background:url(../images/faq_q.jpg) no-repeat;
	padding:3px 0 0 40px;
	font-weight:bold;
}

.faq_a{
	background:url(../images/faq_a.jpg) no-repeat;
	padding:3px 0 0 40px;
}

/* ------------------------------------------------------------
keyword
------------------------------------------------------------ */
.keyword_box{
	background-color:#FFFFFF;
	padding:0 15px 0 0;
	margin-bottom:30px;
	width:558px;
	min-height:230px;
	height:auto;
	padding:5px 15px 15px 15px;
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	margin-top:0px;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}



/* ------------------------------------------------------------
sitemap
------------------------------------------------------------ */

.sm_about{
	font-size:14px;
	font-weight:bold;
	border-left:5px solid #F36;
	padding-left:8px;
	margin-bottom:15px;
	color:#F36;
}

.sm_about a{
	color:#F36;
	text-decoration:none;
}

.sm_about a:hover{
	color:#C36;
}

.sm_keyword{
	font-size:14px;
	font-weight:bold;
	border-left:5px solid #09C;
	padding-left:8px;
	margin-bottom:15px;
	color:#09C;
}

.sm_keyword a{
	color:#09C;
	text-decoration:none;
}

.sm_keyword a:hover{
	color: #069;
}

.sm_result{
	font-size:14px;
	font-weight:bold;
	border-left:5px solid #F90;
	padding-left:8px;
	margin-bottom:15px;
	color:#F90;
}

.sm_result a{
	color: #F90;
	text-decoration:none;
}

.sm_result a:hover{
	color: #F60;
}

.sm_hikaku{
	font-size:14px;
	font-weight:bold;
	border-left:5px solid #0CC;
	padding-left:8px;
	margin-bottom:15px;
	color:#0CC;
}

.sm_hikaku a{
	color: #0CC;
	text-decoration:none;
}

.sm_hikaku a:hover{
	color: #09C;
}

.sm_menu{
	font-size:14px;
	font-weight:bold;
	border-left:5px solid #666;
	padding-left:8px;
	margin-bottom:15px;
	color:#666;
}

.sm_menu a{
	color: #666;
	text-decoration:none;
}

.sm_menu a:hover{
	color: #000;
}

.sm_center{
	background:url(../images/sm_list.jpg) no-repeat 0 4px;
	padding-left:15px;
	margin-left:15px;
}

.sm_center a{
	color: #F00;
	text-decoration:none;
}

.sm_center a:hover{
	color: #900;
}

.sm_sitemap{
	background:url(../images/sm_list.jpg) no-repeat 0 4px;
	padding-left:15px;
	margin-left:15px;
}

.sm_sitemap a{
	color: #6C3;
	text-decoration:none;
}

.sm_sitemap a:hover{
	color: #360;
}

.sm_contact{
	background:url(../images/sm_list.jpg) no-repeat 0 4px;
	padding-left:15px;
	margin-left:15px;
}

.sm_contact a{
	color: #6CF;
	text-decoration:none;
}

.sm_contact a:hover{
	color: #39C;
}

.sm_privacy{
	background:url(../images/sm_list.jpg) no-repeat 0 4px;
	padding-left:15px;
	margin-left:15px;
}

.sm_privacy a{
	color: #96C;
	text-decoration:none;
}

.sm_privacy a:hover{
	color: #639;
}

.sm_k1{
	background:url(../images/sm_list.jpg) no-repeat 0 4px;
	padding-left:15px;
	margin-left:15px;
}

.sm_k1 a{
	color:#333;
	text-decoration:none;
}

.sm_k1 a:hover{
	color: #F00;
}

.sm_k2{
	background:url(../images/sm_list.jpg) no-repeat 0 4px;
	padding-left:15px;
	margin-left:15px;
}

.sm_k2 a{
	color:#333;
	text-decoration:none;
}

.sm_k2 a:hover{
	color: #6C0;
}

.sm_k3{
	background:url(../images/sm_list.jpg) no-repeat 0 4px;
	padding-left:15px;
	margin-left:15px;
}

.sm_k3 a{
	color:#333;
	text-decoration:none;
}

.sm_k3 a:hover{
	color: #F90;
}

.sm_k4{
	background:url(../images/sm_list.jpg) no-repeat 0 4px;
	padding-left:15px;
	margin-left:15px;
}

.sm_k4 a{
	color:#333;
	text-decoration:none;
}

.sm_k4 a:hover{
	color: #939;
}

.sm_k5{
	background:url(../images/sm_list.jpg) no-repeat 0 4px;
	padding-left:15px;
	margin-left:15px;
}

.sm_k5 a{
	color:#333;
	text-decoration:none;
}

.sm_k5 a:hover{
	color: #09C;
}

.sm_k6{
	background:url(../images/sm_list.jpg) no-repeat 0 4px;
	padding-left:15px;
	margin-left:15px;
}

.sm_k6 a{
	color:#333;
	text-decoration:none;
}

.sm_k6 a:hover{
	color: #F36;
}

.sm_list{
	background:url(../images/sm_list.jpg) no-repeat 0 4px;
	padding-left:15px;
	margin-left:15px;
}

/* ------------------------------------------------------------
footer
------------------------------------------------------------ */
#footer{
	padding-bottom:30px;
	border-top:1px solid #999; 
}

.footer_area{
	width:860px;
	height:auto;
	margin:0 auto 0 auto; 
}

.copyright{
	margin:20px 0 30px 0;
	font-size:10px;
	color:#333;
	float:right;
}


	
	
/* ------------------------------------------------------------
問い合わせフォーム
------------------------------------------------------------ */	

input.form1 {
	 width: 50%;
	 height:  }
input.form2 { width: 150px; }




/* ------------------------------------------------------------
2016年10月追加
------------------------------------------------------------ */	


div.about_tsukami{
	background: url(../images/about_tukamidori.png) no-repeat;

	width: 100%;
	height:370px;
}

span.red_bold{
	font-size: 18px;
	font-weight: bold;
	color: #F00;
}
	
.w_shadow {
    color: #333;
/*    font-size: 50px;
*/  
    text-shadow: 2px 2px 1px #FFFFFF,
    -2px 2px 1px #FFFFFF,
    2px -2px 1px #FFFFFF,
    -2px -2px 1px #FFFFFF;
	margin-top: 5px;
}

.mar_t40{
	margin-top: 40px;
}

.mar_t50{
	margin-top: 50px;
}


.mar_t60{
	margin-top: 60px;
}

.red{
	color: #F00;
}

#keytop h5{
	font-size:16px;
	font-weight:bold;
	margin-top:1px;
	color: #F00;
}

/*お問い合わせ*/
p.pdf_left{
	width: 350px;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
	font-weight: 900;
}

p.pdf_right{
	width: 200px;
	float:right;
}