@charset "utf-8";
/*
version: 3.0.0
build: 1549
reset-min.css
*/
/* html{color:#000;background:#FFF;}
,th,td{margin:0;padding:0;}
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* ================================================== */

/*
version: 3.0.0
build: 1549
base-min.css
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
*/

h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}


/* ================================================== */

/*
version: 3.0.0
build: 1549
fonts-min.css
*/
body{font:13px/1.231 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

table,td{
border-color:#cccccc;
}


/* ================================================== */

.txt10px { font-size:77%; }
.txt11px { font-size:85%; }
.txt12px { font-size:93%; }
.txt13px { font-size:100%; }
.txt14px { font-size:108%; }
.txt15px { font-size:116%; }
.txt16px { font-size:123.1%; }
.txt17px { font-size:131%; }
.txt18px { font-size:138.5%; }
.txt19px { font-size:146.5%; }
.txt20px { font-size:153.9%; }
.txt21px { font-size:161.6%; }
.txt22px { font-size:167%; }
.txt23px { font-size:174%; }
.txt24px { font-size:182%; }
.txt25px { font-size:189%; }
.txt26px { font-size:197%; }


img{ vertical-align: bottom; } /* 画像下のスキマけし */

.cms_naiyo img{vertical-align: middle;} /* CKエディター絵文字用 */



blockquote{margin-left:28px;} /* 追加 */

BODY{
	/* background:#eff1f3;  */
	background:#f29800 url(../img/top/bg.jpg) repeat-x;
}

a:link, a:visited{
	color: #0066CC;
    text-decoration: underline;
}

a:hover {
	color:#F00;
	}



#wrapper{
	width: 1020px; /* 1040 -10 -10 */
	padding:0 10px;	
	margin: 0 auto;
	border: 0;
	background:url(../img/top/bg_shadow.png) repeat-y; /* 影 */
}


#container {
	font-size:100%; /* 標準サイズ　100%→13px 93%→12px */
	width: 1020px; 
	background: #FFFFFF; 
	margin: 0 auto;
	border: 0;
	text-align: left; 

}

#header {
	width:1020px;
	margin:0px;
	padding:0px; 
/*
 height:100px;
	background:url(../img/top/head.gif) no-repeat;
*/
}

#header h1 {
text-align:center;
width:1000px;

	margin:0; 
	padding:5px 0 2px 0 ;
	font-size:85%;
	color:#666;
	overflow:hidden;

}

#headcover{
background:#000;
}

#headcover h1 {
text-align:left;
width:1000px;

	margin:0 auto; 
	padding:3px 0 2px 0 ;
	font-size:96%;
	color:#fff;
	overflow:hidden;
font-weight:normal;
}

#headimg{
/*
width:1020px;
margin:0 auto;
*/
}

/*
#header .logo {
float:left;
margin:20px 0 0 20px;
height:74px;
width:125px;
padding:0;
display:block;
	overflow:hidden;

}
*/


/* メニュー下が必要な場合　*/
#mnfoot{
margin:0 auto;
width:1020px;
height:10px;
background:#cccccc;
}

#sidebar1 {
	float: left; 
	width: 200px; /* 220 - 20 */
	padding: 10px 0 10px 20px;
}


#main {
padding:0;	
background-color:#FFFFFF;

/* ブチ抜きの場合★ */
/*
width:980px;
margin: 0px auto; 
*/

/* 左メニューがある場合 */

float:right;
width:760px; 
margin: 10px 20px 0 0;

}



/* ================================================== */

div#uemenu {
clear:both;
width: 980px;
margin:0;
padding:0 20px 0 20px;
background:#ffffff;
/*
メガメニュー100％用
background: #ccc url(../img/top/bg_white.png) repeat-x 0 -80px;


background-image: url(../img/menu/menu_bg.gif); 
border-bottom:1px solid #b8a17d;
*/
}


div#menu {
width: 980px; /* 1020-20-20  */
margin:0 20px;
padding:0px;
height:39px;/* 40 -1 */

background-image: url(../img/menu/bg_menu.gif); 
border-bottom:1px solid #cccccc;

overflow:hidden;

}

div#menu ul {
   
	padding:0 0 1px 0;

	width: 960px; 
	margin:0 auto;

}

div#menu li a  ,div#menu li a:visited{
display:block;

border-left:1px solid #ffffff;
border-right:1px solid #cccccc;
float:left;
padding:12px 30px 0px 30px;  
height:27px; /* 39-12 */

   font-size:106%;
   text-align:center;
   font-weight:bold;
   list-style-type:none;
   
   color:#333333;
text-decoration:none;   
}


div#menu li a:hover{
   display:block;
   color:#cc0000;
   background:#ffffee;
  /* background:url(images/bg_menu_on.gif) 0 0 repeat-x; */
}



/* ================================================== */

ul.gmenu{

border-top:1px solid #cccccc;
border-left:1px solid #cccccc;

}

.gmenu li{
text-align:left;
font-size:108%;
overflow:hidden;
background:url(../img/menu/bg_sidemenu.gif) repeat-x;


}

.gmenu li a,  .gmenu li a:visited{
display:block;
height:32px; /* 51-1 -18 */
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;

font-weight:bold;
margin:0;

padding:18px 5px 0 32px;
background:url(../img/menu/icon_menu.png) no-repeat 9px 18px;

text-decoration:none;
color:#333333;
}


/* 改行用 */
.gmenu  li.w_menu a,  .gmenu  li.w_menu a:visited{
height:42px; /* 51-1 -18 */
padding:8px 5px 0 32px;
line-height:130%;
}



.gmenu .sml{

font-size:93%;


}



.gmenu li a:hover {
color:#cc0000;
text-decoration:none;
	}


.menu_th{


}


.gmenu li.smenu{
text-align:left;
font-size:108%;
overflow:hidden;
/* background:url(../img/menu/bg_sidemenu.gif) repeat-x;*/
background:	#f5f5f5;
}

.gmenu  li.smenu a,  .gmenu  li.smenu a:visited{
display:block;
height:24px; /* 51-1 -10 */
border-bottom:1px dotted #cccccc;
border-right:1px dotted #cccccc;

font-weight:bold;
margin:0;

padding:8px 5px 0 40px;
background:url(../img/menu/icon_menu2.png) no-repeat 15px 9px;

text-decoration:none;
color:#333333;
}


.gmenu li a:hover , .gmenu li.smenu a:hover {
color:#cc0000;
text-decoration:none;
	}




/* ================================================== */



/* ================================================== */
div#usermenu {

clear:both;
width: 100%;
margin:0px;
padding:0px;

height:32px;
padding-top:6px;

}




#usermenu dl {
	float:left;
	padding:0;
	margin:0;
	
	margin-left:1px;
}
#usermenu dl dt {
float:left;
	/* width:70px; */
	margin:0;
}


#usermenu dl dd {
	position:absolute;
	overflow:hidden;
	width:252px;
	display:none;
	background:#fff;
	z-index:200;
	opacity:0;
	padding:0;
	margin:32px 0 0 10px; /*   */
}
#usermenu dl ul {
	width:250px;
/*	border:1px solid #9ac1c9; */
	border:1px solid #ee6b6b; 
	list-style:none;
	padding:0;
	margin:0;
}
#usermenu dl li {
	display:inline;
	padding:0;
	margin:0;
	font-weight:bold;
}
#usermenu dl li a {
	display:block;
	color:#333;
	text-decoration:none;
	background:#eaf0f2;
	padding:5px;
	margin:0;
	_text-align:left;
}
#usermenu dl li a:hover {
	background:#d9e1e4;
	color:#000
	_text-decoration:none;
}

/* ================================================== */
div#submenu {
clear:both;
display:block;
float:right;
   margin 0;
   padding:38px 15px 0 0;
width:265px;
 overflow:hidden;

}

div#submenu ul {
   margin:0;
   padding:0;
  
   
}

div#submenu li {
   float:left;
   
   		font-size: 100%; 
		font-family: Verdana,  Arial, sans-serif;
	font-weight: bold;
   
   margin:0;
   padding:0 10px;
   
   border-right:1px solid #ccc;
}

div#submenu li a{
display:block;
  color:#fff;
  text-decoration:none;
}

div#submenu li a:hover{
  color:#f00;
}

div#submenu li.home{
  border-left:1px solid #ccc;
}

/*
div#submenu {
clear:both;
float:left;
   margin:0;
   padding:0;
 vertical-align: top;
 height:26px;
 overflow:hidden;
}

div#submenu ul {
   margin:0;
   padding:0;
}

div#submenu li {
   float:left;
   margin:0;
   padding:0;
}

div#submenu li a:hover{
  top:2px; position:relative;
}

*/



#topimg {
width:500px;
padding:0;
margin-bottom:20px;
}



/*

#topswf{
width:510px;
padding 0;
margin:0;

}

*/




#topcontent {
/*   clear:both; */
/* padding: 0 20px; */
padding: 0;


}

/* ================================================== */

#sub_pagetitle { 
 /*  clear:both; */
 
 
/*
background-color:#999999;
border:1px solid #888888;
*/

background-color:#f29800;
border:1px solid #eb630d;


/* background:url(../img/top/bg_sub.jpg) repeat-y; */
	margin-bottom:20px;
	padding: 12px 20px 12px 20px;
	
	
		
}

#sub_pagetitle h2{
	font-size:153.9%;
	font-weight:bold;
	color:#ffffff;
	display:inline;	
	
	padding: 4px 4px 4px 30px;
	background:url(../img/icon/mark24px01.png) no-repeat center left;
}

#sub_pagetitle p{ /* カート用 */
float:right;
/ * background: url(../img/icon/mark01.png) no-repeat 0 3px; */
padding-left: 8px;
	margin-top: 5px;
	margin-right: 10px;
}




#content {  /* ==== サブページ専用 ==== */

/* ブチ抜きの場合★ */
/*
width:780px;
margin:0 auto;
*/


font-size:108%; /*  サブページ本文欄の基本文字サイズ  */

/*  clear:both; */
/* padding: 0 25px 0 25px; */

padding: 0;
}


/* ====サブページの基本的なＰ===== */

#content p{

line-height: 160%;
}


/* margin bottom */
.mb_0  { margin-bottom:  0   !important; }
.mb_10 { margin-bottom: 10px !important; }
.mb_15 { margin-bottom: 15px !important; }
.mb_20 { margin-bottom: 20px !important; }
.mb_25 { margin-bottom: 25px !important; }
.mb_30 { margin-bottom: 30px !important; }
.mb_35 { margin-bottom: 35px !important; }
.mb_40 { margin-bottom: 40px !important; }
.mb_50 { margin-bottom: 50px !important; }
.mb_60 { margin-bottom: 60px !important; }
.mb_70 { margin-bottom: 70px !important; }
.mb_80 { margin-bottom: 80px !important; }
.mb_90 { margin-bottom: 90px !important; }
.mb_100 { margin-bottom: 100px !important; }

/* margin left */
.ml_0  { margin-left:  0   !important; }
.ml_10 { margin-left: 10px !important; }
.ml_15 { margin-left: 15px !important; }
.ml_20 { margin-left: 20px !important; }
.ml_25 { margin-left: 25px !important; }
.ml_30 { margin-left: 30px !important; }
.ml_35 { margin-left: 35px !important; }
.ml_40 { margin-left: 40px !important; }
.ml_50 { margin-left: 50px !important; }
.ml_60 { margin-left: 60px !important; }
.ml_70 { margin-left: 70px !important; }
.ml_80 { margin-left: 80px !important; }
.ml_90 { margin-left: 90px !important; }
.ml_100 { margin-left: 100px !important; }


h3.sec01{
   clear:both;
   	margin-top:20px;
	margin-bottom:20px;
	padding:5px 5px 5px 10px;
	font-size:123.1%; 
	font-weight:bold;
	background:#EFEFEF url(../img/icon/sec_bg01.gif) repeat-x;
	border:solid 1px #bbbbbb;
	border-right:2px solid  #999999;
	border-bottom:2px solid  #999999;
}

h3.sec01 p{
	padding-left:10px;
	border-left:5px solid #CC0000;
}


h3.sec02{
   clear:both;
   	margin-top:20px;
	margin-bottom:10px;
	padding:1px;
	font-size:123.1%; 
	font-weight:bold;
	background:#ffffff;
	border:solid 1px #aaaaaa;
}

h3.sec02 p{
margin:0;
background:#f1f5f7 url(../img/icon/sec_bg02.gif) repeat-x;
	padding:4px 4px 4px 9px;
	border-left:5px solid #CC0000;

}


h3.sec03 { /* エセ角丸、ただし左右1px出る */
   clear:both;
	font-size:123.1%;
	font-weight:bold;
	background:#cccccc; /*  */
   	margin-top:20px;
	margin-bottom:10px;
	padding:1px 0px;
}
h3.sec03 p{
	background:#EFEFEF url(../img/icon/sec_bg01.gif) repeat-x;
	margin:0 -1px;
	border:1px solid #cccccc; /*  */
	border-top-width:0;
	border-bottom-width:0;
	
	padding:4px 9px;
}






/* ================================================== */

#footer { 
   clear:both;
	padding: 0 20px;
	  
	/* background:#f0f0f0; */
	background:#f3f3f3;
	
}

#footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	
}

#footer .footmenu{
text-align:center;
color:#666;
padding: 6px 0 10px 0; 

 
}



#footer .footmenu a{
font-size: 100%; 
	/*	font-family: Verdana,  Arial, sans-serif; */
	font-weight: bold;
  color:#36c;
  text-decoration:none;
}

#footer .footmenu a:hover{
  color:#f00;
}

#footer h1{
font-size:174%;
	/*	font-family: Verdana,  Arial, sans-serif; */
	font-weight:normal;
  color:#333;
 /* text-align:right; */
  margin:15px;
 
}

#footer .counter{
clear:both;
margin:0;
padding:0;
color:#000000;
}

#footer .powered-by{
clear:both;
margin:0;
padding:0;
}

#footer .powered-by a{
color:#666;
font-size:77%;
text-decoration:none;
}
#footer .powered-by a:hover{
color:#666;
text-decoration:none;
}


/* ================================================== */






/* ================================================== */

.clr{
	clear: both;
}



/* ================================================== */

#topclm1{
	float           : left;
	
	/*通常*/
	width           : 500px;
	
	/*ブチ抜きの場合*/
	/* width           : 720px; */
	
	padding         : 0;
	margin:0;
}


#top_ex500{
	float:left;
width:500px;
padding:10px;
margin-bottom:20px;
}

#top_ex500 p{
line-height:180%;
}


.newstitle{
	clear           : both;
	width: 500px;
	height: 60px;
	background: url(../img/top/news.jpg);
}

.newstitle p{
background: url(../img/icon/mark01.png) no-repeat 0 3px;
padding-left: 12px;
	margin-top: 30px;
	margin-right: 20px;
	float: right;
}



#news0{
	/* 左にタイトル　右にリスト */
	width:160px;
	float:left;
	margin:0 20px 20px 0;
	
}


#topnews{

	
	float:left;
	width           : 490px; /*  500*/
	padding         : 5px 0px 10px 10px;
}




#topnews dl {
	margin          : 7px 0 0 0;
}

#topnews dt {
	clear           : both;
	padding         : 10px 0 0px 15px;
	font-size: 77%; 

	font-family: Verdana,  Arial, sans-serif;
	font-weight: bold;
	color: #333333
}

#topnews dd {
	clear           : both;
	padding         : 5px 0 5px 30px;
	background      : url(../img/icon/mark02.gif) no-repeat 15px 7px;
		border-bottom: 1px dotted #cccccc;
	font-size       : 93%;
}


#topnews dd a {
	display         : block;
	color           : #3366cc;
	text-decoration : none;
}

#topnews dd a:hover {
	text-decoration : underline;
}

#topnews dd p { 
	padding         : 5px 0px 0px 0px;
	color           : #666666;
}


/* バナー */
#banner_area{
width:240px;
    margin-left:auto;
	margin-right:0;
padding:0 0 0 0;
}

/*
#banner_area img{
	margin-bottom: 10px;
}
*/

#banner_area .bn{
	margin-bottom: 10px;
}

#banner_area object{
	margin-bottom: 10px;
}


#banner_area .concept{
background:url(../img/top/concept_bg.jpg) no-repeat;
padding:7px;
margin-bottom:15px;

}

/* ================================================== */

#top_ex{
font-size:93%;
/*　margin-top:15px; */
border:1px dotted #afa596;
width:224px; /* 240-2-14 */
background-color:#f3f3f3;
padding:7px;
margin-bottom:15px;
}

#top_ex p{
margin-bottom:5px;
line-height:150%;

}

#top_ex strong{
display:block;
font-size:116%;
margin-bottom:5px;
/* background:url(../img/top/s.png) no-repeat center left; */
padding:10px 0 10px 0px;

}


/* ================================================== */

table.tbl01 {
    border: 1px #666666 solid;
    /* border-collapse: collapse;
    border-spacing: 0;*/
}

table.tbl01 td{
    border: 1px #666666 solid;
    border-width: 0 0 1px 1px;
}


table.tbl02 {
    border: 1px #666666 solid;
}

table.tbl02 td{

    padding: 5px;
    border: 1px #666666 solid;
    border-width: 0 0 1px 1px;
}


table.tbl03 td{
	border-bottom: 1px solid #666666;
}

table.tbl04 td{
	border-bottom: 2px solid #666666;
}


table.tbl05 td{
	border-bottom: 1px dotted #666;
}
table.tbl05 th{
font-weight:bold;
	border-right: 1px dotted #666;
	border-bottom: 1px dotted #666;
}

/* ================================================== */

.dl1 dt{
font-weight:bold;
}
.dl1 dd{
margin-bottom:5px;
margin-left:20px;
}


.dl2 dt{
font-weight:bold;
background:url(../img/icon/mark02.gif) no-repeat center left;
padding-left:15px;
}
.dl2 dd{
margin-bottom:5px;
margin-left:40px;
}


.dl3 dt{
font-weight:bold;
background:url(../img/icon/mark01.png) no-repeat center left;
padding-left:15px;
}
.dl3 dd{
margin-bottom:5px;
margin-left:40px;
}


.dl4 dt{
float:left;
font-weight:bold;
background:url(../img/icon/mark02.gif) no-repeat center left;
padding-left:15px;
margin-top:10px;
margin-bottom:10px;
}
.dl4 dd{
float:left;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
}

/* ================================================== */



.ul1 li{list-style:decimal outside;}
.ul1 ul li{list-style:disc outside;}

.ul2 li{
background:url(../img/icon/mark01.png) no-repeat center left;
padding-left:15px;
margin-top:10px;
margin-bottom:10px;
}

.ul2bd li{
display:block;
background:url(../img/icon/mark01.png) no-repeat center left;
padding-left:15px;
margin-top:10px;
margin-bottom:10px;
border-bottom:1px dotted #CCCCCC;
}

.ul3 li{
background:url(../img/icon/mark02.gif) no-repeat center left;
padding-left:15px;
margin-top:10px;
margin-bottom:10px;
}

.ul3bd li{
display:block;
background:url(../img/icon/mark02.gif) no-repeat center left;
padding-left:15px;
margin-top:10px;
margin-bottom:10px;
border-bottom:1px dotted #CCCCCC;
}


/* ================================================== */
.list01{
background:url(../img/icon/mark01.png) no-repeat center left;
padding-left:15px;
}

.list02{
background:url(../img/icon/mark02.gif) no-repeat center left;
padding-left:15px;
}

.list03{
background:url(../img/icon/mark03.gif) no-repeat center left;
padding-left:15px;
}

.list_pdf{
background:url(../img/icon/mark_pdf.gif) no-repeat center left;
padding-left:40px;
padding-top:10px;
padding-bottom:10px;
}


.list_mail{
background:url(../img/icon/mark_mail.png) no-repeat center left;
padding-left:20px;
}


.list_blank1{
background:url(../img/icon/mark_blank1.gif) no-repeat center left;
padding-left:22px;
padding-top:5px;
padding-bottom:5px;
}

.list_blank1r{
background:url(../img/icon/mark_blank1.gif) no-repeat center right;
padding-right:22px;
padding-top:5px;
padding-bottom:5px;
}

.list_blank2{
background:url(../img/icon/mark_blank2.gif) no-repeat center left;
padding-left:18px;
padding-top:5px;
padding-bottom:5px;
}

.list_blank2r{
background:url(../img/icon/mark_blank2.gif) no-repeat center right;
padding-right:18px;
padding-top:5px;
padding-bottom:5px;
}

.list_keitai{
background:url(../conf/parts/ktai_icon.gif) no-repeat center left;
padding-left:20px;
}

.list_qr{
background:url(../conf/parts/qr_icon.gif) no-repeat center left;
padding-left:10px;
}


/* ==== お手軽偽角丸1pxコーナー ============================ */
.km_outer {
	background:#ccc;
	margin:0px 1px;
	padding:1px 0px;
}
.km_inner{
	background:#f3f3f3;
	margin:0 -1px;
	border:1px solid #ccc;
	border-top-width:0;
	border-bottom-width:0;
	
	padding:5px 10px;
}

.km_outer2 {
	background:#f1c43d;
	margin:0px 1px;
	padding:1px 0px;
}
.km_inner2{
	background:#fbc624 url(../img/icon/sec_bg_or.gif) repeat-x;
	margin:0 -1px;
	border:1px solid #f1c43d;
	border-top-width:0;
	border-bottom-width:0;
	
	padding:5px 10px;
}



/* ==cms用================================================ */
.text0{font-size:108%;} /* 14px */
.text1{font-size:93%;} /* 12px */
.text2{font-size:77%;} /* 10px */
.text3{font-size:123.1%;} /* 16px */
.text4{font-size:153.9%;} /* 20px */


/* ==pager===== */
#cms_pager{
clear:both;
display:block;
margin 20px auto;
text-align:center;
}
#cms_pager form{
padding:3px;
display:inline;
}

#cms_pager .current_page{
font-weight:bold;
font-size:116%;
color:#FF0000;
}

#sonouch{
display:block;
clear:both;
text-align:center;
margin-top:20px;
margin-bottom:10px;
}

#sonouch strong{
color:#FF0000;
font-weight:normal;
}

#cms_error li{
background:url(../img/icon/mark02.gif) no-repeat center left;
padding-left:15px;
margin-top:10px;
margin-bottom:10px;
}

/*
一覧例
<div id="opt_101">
<div id="doc_cms">
<div id="cms_detail">

詳細例
<div id="opt_101">
<div id="doc_cms">
<div id="cms_list">

*/


/* cms本文欄 DIV */
.cms_naiyo{

line-height: 160%;

}

.cms_naiyo h1{
   clear:both;
   	margin-top:20px;
	margin-bottom:10px;
	padding:7px 5px 7px 10px;
	font-size:197%; 
	font-weight:bold;
	/* background:#EFEFEF url(../img/icon/sec_bg01.gif) repeat-x; */
	border-bottom:solid 3px #dddddd;
}

/*
.cms_naiyo h2{
   clear:both;
   	margin-top:20px;
	margin-bottom:10px;
	padding:3px 3px 3px 10px;
	font-size:131%; 
	font-weight:bold;
	border-left:5px solid #CC0000;
	 border-bottom:solid 1px #CC0000;
}
*/


.cms_naiyo h2{

   clear:both;
   	margin-top:20px;
	margin-bottom:10px;
	padding:3px 3px 6px 2px;
	font-size:182%; 
	font-weight:normal;
	/* border-left:5px solid #CC0000; */
	 border-bottom:solid 1px #ccc;
	 
    -moz-text-shadow:2px 2px 3px #999;
    -webkit-text-shadow:2px 2px 3px #999;
    text-shadow:2px 2px 3px #999;


	 letter-spacing: 0.2em;
	 line-height:150%;
}


     




.cms_naiyo h3{
   clear:both;
   
   background:url(../img/icon/mark01.png) no-repeat center left;
   
   	margin-top:20px;
	margin-bottom:10px;
	padding:3px 3px 3px 15px;
	font-size:123.1%; 
	font-weight:bold;
	border-bottom:dotted 2px #aaaaaa;
}

.cms_naiyo h4{
   clear:both;
   	margin-top:20px;
	margin-bottom:10px;
	padding:6px;
	font-size:123.1%; 
	font-weight:bold;
	text-align:left;
	background:#FFFFCC;
	border:1px solid #FFCC00;
	font-weight:normal;
}

.cms_naiyo h5{
width:70%;
   clear:both;
   	margin-top:20px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	padding:3px;
		padding-top:12px;
		padding-bottom:10px;
	font-size:123.1%; 
	font-weight:bold;
	text-align:center;
	background:#fbc624 url(../img/icon/sec_bg_or.gif) repeat-x;
	border:1px solid #f1c43d;
}

.cms_naiyo h6{
	width:65%;
   clear:both;
   	margin-top:20px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	font-size:100%; 
	font-weight:normal;
	text-align:left;
	background:#f3f3f3;
	border:1px dotted #999999;
}


/* ==cms一覧ページ用====== */

/*  st0 st1 タイトルと要約の一覧形式のラッパー */

#st_0_1_wrapper{ /*  全体ラッパー */
	/* width           : 490px; */
	padding         : 5px 20px 50px 10px;
}

#st_0_1_wrapper dl {
	margin          : 7px 0 0 0;
}

#st_0_1_wrapper dt {
	clear           : both;
	padding         : 10px 0 0px 15px;
	font-size: 100%; 

	font-family: Verdana,  Arial, sans-serif;
	font-weight: bold;
	color: #333333
}

#st_0_1_wrapper dd {
	clear           : both;
	padding         : 5px 0 5px 20px;
		border-bottom: 1px dotted #cccccc;
}


#st_0_1_wrapper dd h3{
padding-left:14px;
	font-weight:normal;
	font-size       : 116%;
	background      : url(../img/icon/mark02.gif) no-repeat center left;
}

#st_0_1_wrapper dd a {
	font-weight:bold;
	display         : block;
	color           : #3366cc;
	text-decoration : none;
}

#st_0_1_wrapper dd a:hover {
	text-decoration : underline;
}

#st_0_1_wrapper dd p.st01_digest { /* 要約 */
	padding         : 5px 0px 0px 15px;
	color           : #666666;
}



#st_0_1_wrapper dd p.st01_sub1{ /* item用サブ1 */
padding-top:5px;
padding-left:15px;
}

#st_0_1_wrapper dd p.st01_sub2{ /* item・shop用サブサブ */
padding-left:15px;
	color:#FF0000;
}

#st_0_1_wrapper dd p.st01_price{ /* shop用金額欄 */
padding:10px 0 20px 30px;
}
#st_0_1_wrapper dd p.st01_price strong{ /* shop用金額 */
font-size:131%;
}

#st_0_1_wrapper dd p.st01_price .st01_soldout{ /* shop用売り切れ */
	font-family: Verdana,  Arial, sans-serif;
	font-weight: bold;
	font-size:93%;
	color: #cc0000;
	padding:2px;
	background:#f3f3f3;
	border:1px dotted #ccc;
}


/*  st3 st4 画像１コとタイトルと要約の一覧形式 */

#st_3_4_wrapper{/* 全体ラッパー */

margin-top:30px;
margin-bottom:30px;

}

.cmslist_st_3_4{
/* width:640px; */
/* margin:30px auto; */
margin:0;
padding:0;
/* border-top:1px dotted #ccc; */
border-top:1px solid #ccc;
}

#st_3_4_wrapper .opt_st_3{/* 小画像の背景（dtで塗ると途切れるので） */
background:#fff url(../img/icon/bg_st3.gif) repeat-y;
}

#st_3_4_wrapper .opt_st_4{/* 中画像の背景（dtで塗ると途切れるので） */
background:#fff url(../img/icon/bg_st4.gif) repeat-y;
}

.cmslist_st_3_4 dl{
padding:0px;
}

.cmslist_st_3_4 dt{ /* 画像エリア */
float:left;
margin:0px;
padding:10px;
/* dtのwidthはcmsで指定 */
}





.cmslist_st_3_4 dt .st34_img{ /* 画像エリアのラッパーDIV */
margin:0 auto;
padding:3px;
background-color:#FFFFFF;
border-top:1px solid #eee;
border-left:1px solid #eee;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
text-align:center;
/* 画像のwidthもcmsで指定 */
}

.cmslist_st_3_4 dd{ /* タイトル要約リンクエリア */

/* 下記をCMSで動的に指定 */
/* margin-left:140px; */
/* margin-left:300px; */
}

.cmslist_st_3_4 dd h3{ /* タイトル */
	padding         : 10px 0 0 15px;
	background      : url(../img/icon/mark02.gif) no-repeat 0px 19px;
	/* border-left:5px solid #CC0000; */
	font-size       : 116%;

}


.cmslist_st_3_4 dd p.st34_digest{ /* 要約 */
padding-left:15px;
padding-bottom:5px;
font-size:100%;
line-height:120%;
}
.cmslist_st_3_4 dd p.st34_date{ /* 日付 */
text-align:right;
padding-right:20px;
font-size:100%;
}

.cmslist_st_3_4 dd p.st34_code{ /* code(itemなど用) */
text-align:right;
padding-right:20px;
font-size:93%;
}

.cmslist_st_3_4 dd p.st34_sub1{ /* sub1(itemなど用) */
padding-left:15px;
}

.opt_st_4 dd p.st34_sub1{ /* sub1(st4の時だけ用) */

margin-left:15px;
   	margin-top:10px;
	margin-bottom:10px;
	padding:1px 1px 1px 10px;
	font-size:116%; 
	border-left:5px solid #CC0000;

}


.cmslist_st_3_4 dd p.st34_sub2{ /* sub2(itemなど用) */
padding-left:15px;
padding-bottom:5px;
color:#FF0000;
}

.cmslist_st_3_4 dd .st34_form{ /* フォーム(item用) */
text-align:right;
padding-right:20px;
padding-bottom:10px;
}


.cmslist_st_3_4  dd p.st34_price{ /* shop用金額欄 */
padding:8px 0 15px 30px;
}
.cmslist_st_3_4  dd p.st34_price strong{ /* shop用金額 */
font-size:131%;
}

.cmslist_st_3_4  dd p.st34_price .st34_soldout{ /* shop用売り切れ */
	font-family: Verdana,  Arial, sans-serif;
	font-weight: bold;
	font-size:93%;
	color: #cc0000;
	padding:2px;
	background:#f3f3f3;
	border:1px dotted #ccc;
}


/* --- st5----------碁盤list------------- */

#goban_wrapper {/* 全幅 */
width:760px; /* 3-570 4-760 5-950 */
margin:30px auto;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}

div.goban {
background:#f8f8f8 url(../img/icon/bg_go.jpg) no-repeat;
	float: left;
	width: 189px;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

div.goban dl.gowrap {
	position: relative;
/*	height: 249px; */
	height: 229px;
}


div.goban dl.gowrap dt.gotitle{
	position: absolute;
	top: 190px;
	left: 12px;
	font-size: 77%;
}

div.goban dl.gowrap dd.goprice {
	position: absolute;
	top: 210px;
	left: 12px;
	font-size: 77%;
}

div.goban dl.gowrap dt.gotitle { 
width: 165px; 
}



div.goban dl.gowrap dt.gotitle a { 

}

div.goban dl.gowrap dd.goprice {
	left: auto;
	right: 12px;
	width: 165px;
	font-weight: bold;
	text-align: right;
}

div.goban dl.gowrap dd.goprice .gosold{/* sold */
	color:#999999;
}

/* 画像 */
div.goban dl.gowrap dd.goimg {
	position: absolute;
	top: 27px;
	left: 1px;
	width: 188px;
	text-align: center;
}

/* 画像ワク */
div.goban dl.gowrap dd.goimg .goimgwrapper{
padding:3px;
background:#fff;
margin:0 auto;
display:block;

border-top:1px solid #eee;
border-left:1px solid #eee;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
/* widthはcms動的指定 */
}

/* icon */
div.goban dl.gowrap dd.goicon {
	position: absolute;
	top: 8px;
	right: 20px;
	width: 164px;
	text-align: right;
}

div.goban dl.gowrap dd.goicon img {
	padding-bottom: 3px;	
	vertical-align: top;
}




/* ==== */




/* 詳細用の日付 */
p.cms_doc_date{
text-align:right;
}

/* 詳細用の要約 */
h4.cms_doc_yoyaku{
border: 1px dotted #cccccc;
background:#f3f3f3;
padding:8px;
font-weight:normal;
margin-top:10px;
margin-bottom:15px;
font-size:116%;
}


/* 区切り .cms_naiyo div */

.hr{
margin-top:10px;
margin-bottom:15px;
display:block;
clear:both;
border-bottom:1px dotted #999;
}

.cms_naiyo hr{
height: 1px;
border: none;
border-top: 1px #999 dotted;
clear: both;
}



/* CMSの画像拡大リンクスタイル 主に記事系*/
.cms_img_list{
background:url(../img/icon/mark_cms_link.gif) no-repeat center left;
padding-left:15px;
font-size:93%;

}


/* CMSリンク*/
.cms_link_wrapper{
/* clear:both;
display:block; */
margin:10px 0 10px 7px;

}
.cms_link_self{
background:url(../img/icon/mark03.gif) no-repeat center left;
padding-left:18px;
}
.cms_link_blank{
background:url(../img/icon/mark_blank2.gif) no-repeat center left;
padding-left:18px;
/*
padding-top:5px;
padding-bottom:5px;
*/
}


/*  word excel pdf   */
.cms_file_link{ 
/* display:block;
text-align:right; */
margin:10px 0 10px 7px;

}


/* ============記事系　画像関連======================= */

/* 全部spanに適用。(line-heightが乱れるため) */

/* □ ノーマル */
.doc_img_normal{
	clear: both;
	display:block;	
	margin:10px 0;
	/* widthはCMSで動的に指定 */
}

/* □ センター と、拡大ナシ中央 */
.doc_img_center{
	clear: both;
	display:block;	
	margin:10px auto;
	/* widthはCMSで動的に指定 */
}

/* □ テキストまわりこみ */
.doc_img_text{
/*	clear: both; */
	float:left;	
	display:block;
	margin:10px 20px 10px 0;
	/* widthはCMSで動的に指定 */
}

/* □ 画像右 */
.doc_img_right{
	clear: both;
	float:right;	
	display:block;
	margin:10px 0 10px 20px;
	/* widthはCMSで動的に指定 */
}

/* 拡大ナシ中央 */
.doc_img_big{
	clear: both;
	display:block;	
	margin:10px auto;
	/* widthはCMSで動的に指定 */
}

/* 拡大ナシ左 */
.doc_img_in{
	clear: both;
	display:block;	
	margin:10px 0;
	/* widthはCMSで動的に指定 */
}

/* 101のCMSのみ画像にボーダー */

/*
#opt_101 .doc_img_normal,
#opt_101 .doc_img_center,
#opt_101 .doc_img_text,
#opt_101 .doc_img_right{

padding:5px;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
}
*/

/* 記事全部にボーダー */

.doc_img_normal,
.doc_img_center,
.doc_img_text,
.doc_img_right{

padding:5px;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;

box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);

}



/* ============item系======================= */
.item_code,
.shop_code{
text-align:right;
font-size:93%;
padding-right:20px;
}


/* 詳細 item shop ----------------*/

/* dtタイプ0と1同じ */
table.cms_dt0_tbl{/* 全枠 */
width:100%;
border:0;
padding:0px;
}

.cms_dt2_date,
.cms_dt0_date{
text-align:right;
padding-right:20px;
font-size:100%;
}
.cms_dt2_code,
.cms_dt0_code{
text-align:right;
padding-right:20px;
font-size:93%;
}
.cms_dt2_sub1,
.cms_dt0_sub1{
   clear:both;
   	margin-top:10px;
	margin-bottom:10px;
	padding:2px 2px 2px 10px;
	font-size:116%; 
	border-left:5px solid #CC0000;
}

.cms_dt0_digest{
padding-left:15px;
padding-bottom:5px;
font-size:100%;
line-height:120%;
}


.cms_dt2_digest{
border:1px dotted #ccc;
margin-left:15px;
background:#f3f3f3;
padding:8px;
font-weight:normal;
margin-top:10px;
margin-bottom:15px;

font-size:100%;
line-height:120%;
}
.cms_dt2_sub2,
.cms_dt0_sub2{
padding-left:15px;
padding-bottom:5px;
color:#FF0000;
}
.cms_dt2_form,
.cms_dt0_form{
padding-left:20px;
padding-bottom:10px;
}
.cms_dt2_last,
.cms_dt0_last{
font-weight:bold;
}

td.cms_dt0_td{/* 画像エリア */
border-right:1px dotted #ccc;
border-bottom:1px dotted #ccc;
width:230px;
vertical-align:top;
padding-top:10px;
padding-bottom:10px;
background:#f8f8f8 url(../img/icon/bg_dt01.jpg) no-repeat;
}

.cms_dt0_img{/* 画像wrapper */
 padding:3px;
 margin:5px auto;
background-color:#FFFFFF;
border-top:1px solid #eee;
border-left:1px solid #eee;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
/* widthはcms動的指定 */ 
}

td.cms_dt0_rtd{/* 本文エリア */
vertical-align:top;
padding-left:20px;
padding-right:0px;
}

table.cms_dt0_subtbl{/* サブ画像テーブル */
width:210px;
margin-top:5px;
border:none;
}
table.cms_dt0_subtbl td{/* サブ画像td */
width:105px;

text-align:center;
}


/* shop */
.cms_dt0_cartin{ /* 価格など大枠 */
padding:10px;
margin-top:5px;
margin-bottom:10px;
background:#fff7f7;
border-top:3px solid #fbb7b7;
border-bottom:1px solid #fbb7b7;
border-left:1px solid #fbb7b7;
border-right:1px solid #fbb7b7;
}
.cms_dt0_price{ /* shop用金額欄 */
margin:8px 0 15px 30px;
}
.cms_dt0_price strong{ /* shop用金額 */
font-size:131%;
}
.cms_dt0_soldout{ /* shop用売り切れ */
	font-family: Verdana,  Arial, sans-serif;
	font-weight: bold;
	font-size:93%;
	color: #cc0000;
	padding:2px;
	background:#f3f3f3;
	border:1px dotted #ccc;
}
.cms_dt0_cartform{

}
.cms_dt0_select{
margin:8px 0 8px 50px;
}
.cms_dt0_kazu{
margin:8px 0 8px 50px;
}
.cms_dt0_img_kago_in{
margin:8px 0 8px 30px;
}





/* ---dt2 専用---- */
table.cms_dt2_tbl{/* 全枠 */
width:100%;
background:#f8f8f8 url(../img/icon/bg_dt2.jpg) no-repeat;
border:1px solid #eee;
}

table.cms_dt2_tbl td{/* 全枠 */
padding:10px;
}

.cms_dt2_img{/* 画像wrapper */
 padding:3px;
 margin:5px auto;
background-color:#FFFFFF;
border-top:1px solid #eee;
border-left:1px solid #eee;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
/* widthはcms動的指定 */ 
}

/* dt2 専用shop */

#shop_cms .cms_dt2_digest{
padding:0;
margin-left:0;
background:none;
border:none;
font-weight:normal;
margin-top:10px;
margin-bottom:15px;
font-size:100%;
line-height:150%;
}

.cms_dt2_cartin{ /* 価格など大枠 */
margin-top:10px;
margin-bottom:20px;
padding:10px;

background:#fff7f7;
border-top:3px solid #fbb7b7;
border-bottom:1px solid #fbb7b7;
border-left:1px solid #fbb7b7;
border-right:1px solid #fbb7b7;
}
.cms_dt2_price{ /* shop用金額欄 */
margin:8px 0 15px 20px;
}
.cms_dt2_price strong{ /* shop用金額 */
font-size:131%;
}
.cms_dt2_soldout{ /* shop用売り切れ */
	font-family: Verdana,  Arial, sans-serif;
	font-weight: bold;
	font-size:93%;
	color: #cc0000;
	padding:2px;
	background:#f3f3f3;
	border:1px dotted #ccc;
}
.cms_dt2_cartform{

}
.cms_dt2_select{
margin:8px 0 8px 30px;
}
.cms_dt2_kazu{
margin:8px 0 8px 30px;
}
.cms_dt2_img_kago_in{
margin:8px 0 8px 20px;
}
/* shop本文左右カラム */
table.cms_dt2_shoptbl{
width:100%;
margin-top:10px;
margin-bottom:20px;
}
td.cms_dt2_shoptleft{
vertical-align:top;
padding-right:20px;
}
td.cms_dt2_shopright{
border-left:1px dotted #ccc;
padding-left:10px;
width:250px;
vertical-align:top;
}





/* =====アルバム系========= */

/* 一覧s */

.al_list_date{ /* 日付 */
text-align:right;
}

.al_list_digest{ /* 要約 */
margin-top:4px;

}

.al_list_kochira{
margin:8px 0 8px 20px;
background:url(../img/icon/mark03.gif) no-repeat center left;
padding-left:18px;
}



div.al_list_wrapper {/* 全幅 */
width:550px; /* x110 */
margin-top:15px;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}

div.al_s_box {
background:#f8f8f8 url(../img/icon/bg_go.jpg) no-repeat;
	float: left;
	width: 109px;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

div.al_s_box dl.al_s_wrap {
	position: relative;
	height: 109px;
}


/* 画像 */
div.al_s_box dl.al_s_wrap dd.al_s_img {
	position: absolute;
	top: 10px;
	left: 1px; 
	width: 108px;
	text-align: center;
}

/* 画像ワク */
div.al_s_box dl.al_s_wrap dd.al_s_img  .al_s_img_wapper{
padding:3px;
background:#fff;
margin:0 auto;
display:block;

border-top:1px solid #eee;
border-left:1px solid #eee;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
/* widthはcms動的指定 */
}

/* 詳細 */

.al_dt_date{ /* 日付 */
text-align:right;
}

.al_dt_digest{ /* 要約 */
border: 1px dotted #cccccc;
padding:8px;
margin-top:10px;
margin-bottom:15px;
}


div.al_dt_s_wrapper {/* 詳細sサイズ全幅 */
width:660px; /* x110 */
margin-top:15px;
margin-left:auto;
margin-right:auto;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}

div.al_s_box dl.al_s_wrap dt.al_s_num{/* 詳細sサイズ用　画像番号 */
	position: absolute;
	font-size: 77%;
	width: 108px;
	text-align: center;		
	left: 1px;
/*	top: 0px; */
	top: 90px;

}

/* 画像lの詳細 */
div.al_dt_l_wrapper {/* 詳細lサイズ全幅 x220 */

width:660px;
margin-top:15px;
margin-left:auto;
margin-right:auto;
/*
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
*/

	border-top: 1px solid #000;
	border-left: 1px solid #000;


background:#555;

}

div.al_l_box {

	float: left;
	width: 219px;
/*
background:#f8f8f8 url(../img/icon/bg_go.jpg) no-repeat;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
*/
}

div.al_l_box dl.al_l_wrap {
	position: relative;
	height: 219px;
}


/* 画像 */
div.al_l_box dl.al_l_wrap dd.al_l_img {
	position: absolute;
	top: 20px;
	left: 1px; 
	width: 218px;
	text-align: center;
}

/* 画像ワク */
div.al_l_box dl.al_l_wrap dd.al_l_img  .al_l_img_wapper{
padding:3px;
background:#fff;
margin:0 auto;
display:block;

border-top:1px solid #eee;
border-left:1px solid #eee;
border-right:1px solid #000; /* #aaa */
border-bottom:1px solid #000;
/* widthはcms動的指定 */
}

div.al_l_box dl.al_l_wrap dt.al_l_num{/* 詳細lサイズ用　画像番号 */
	position: absolute;
	font-size: 77%;
	width: 218px;
	text-align: center;		
	left: 1px;
/*	top: 0px; */
	top: 5px;
	
	color:#ccc;

}

/* ASK form */


table.cms_ask{
	margin:10px auto;
	border:none;
}
table.cms_ask td{
	padding:10px;
	border-bottom: 1px dotted #666;
}
table.cms_ask th{
	padding:10px;
font-weight:bold;
	border-right: 1px dotted #666;
	border-bottom: 1px dotted #666;
}

/* 確認画面 */
table.cms_ask_conf{
width:600px;
	margin:10px auto;
	border:none;
}
table.cms_ask_conf td{
	padding:10px;
	border-bottom: 1px dotted #666;
}
table.cms_ask_conf th{
background:#f3f3f3;
	padding:10px;
font-weight:bold;
	border-right: 1px dotted #666;
	border-bottom: 1px dotted #666;
}


/* shop */
/* カゴの注釈 */
.list_shop01{
font-size:93%;
margin:7px 10px 7px 30px;
background:url(../img/icon/mark02.gif) no-repeat 0px 6px;
padding-left:15px;
}


h3.shopsec{
   clear:both;
   	margin-top:20px;
	margin-bottom:10px;
	padding:3px 3px 3px 10px;
	font-size:131%; 
	font-weight:bold;
	border-left:5px solid #CC0000;
	/* border-bottom:solid 1px #CC0000; */
}


/* shopの一般form */


table.cms_spf{
	margin:10px auto;
	border:none;
}
table.cms_spf td{
	padding:10px;
	border-bottom: 1px dotted #666;
}
table.cms_spf th{
	padding:10px;
font-weight:bold;
	border-right: 1px dotted #666;
	border-bottom: 1px dotted #666;
}


/* =----------------------====================== */

h3.seclink { /* エセ角丸、ただし左右1px出る ページ切り替え用*/
   clear:both;
	font-size:116%;
	font-weight:normal;
	background:#cccccc; /*  */
   	margin-top:20px;
	margin-bottom:10px;
	padding:1px 0px;
}
h3.seclink p{
	background:#EFEFEF url(../img/icon/sec_bg01.gif) repeat-x;
	margin:0 -1px;
	border:1px solid #cccccc; /*  */
	border-top-width:0;
	border-bottom-width:0;
    padding:4px 9px;
text-align:center;
}
h3.seclink p .here{
	color:#f00;
}
h3.seclink p a{
	text-decoration:none;
}


/* オフィスサンプル専用 */
#opt_201 .cms_naiyo h3,
#opt_202 .cms_naiyo h3,
#opt_203 .cms_naiyo h3,
#opt_204 .cms_naiyo h3,
#opt_205 .cms_naiyo h3,
#opt_206 .cms_naiyo h3,
#opt_207 .cms_naiyo h3,
#opt_208 .cms_naiyo h3,
#opt_209 .cms_naiyo h3,
#opt_210 .cms_naiyo h3{
padding-left:14px;
background:url(../img/icon/mark04.gif) no-repeat center left;
border-bottom:none;

   	margin-top:5px;
	margin-bottom:0px;
	font-size:100%; 
	padding-bottom:0px
}

h4.talentlist{
font-weight:normal;
	margin-bottom:10px;
text-align:left;

}

.footarea{
color:#666666;
width:80%;
margin:15px auto;
/*
font-size:77%;
font-size:93%;
*/
font-size:85%; 

}

.footaddr{
	line-height:180%;
text-align:left;
margin:10px;
padding-left:40px;
padding-bottom:8px;
/* border-bottom:1px dotted #cccccc; */

}

h4.dog1{
font-size:131%;
font-weight:normal;
color:#333333;
border-left:5px solid #cc0000;
padding:4px 0 4px 12px;
margin-bottom:8px;
margin-top:5px;
}

h4.dog1 a{
color:#333333;
text-decoration:none;
}








.cms_naiyo ul{
padding:10px;
margin:10px;

}

.cms_naiyo ul li{
list-style:disc outside;
margin-left:40px;
margin-bottom:15px;
}


.cms_naiyo ol{
padding:10px;
margin:10px;

}

.cms_naiyo ol li{
list-style-type: decimal;
margin-left:40px;
margin-bottom:15px;
}



/* バナー用など。範囲にdiv指定 */
.bnro a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* ================================================== */
/* スマホからアクセス時の、スマホモード移行用 */

#sp_footer{

width:100%;
min-width:780px;
margin:0 auto;

text-align:center;
height:120px;
font-size:300%;

background: -webkit-gradient(linear, left top, left bottom, from(#434343), to(#2e2e2e));
background: linear-gradient(#434343, #2e2e2e);
 
-webkit-box-shadow:0px -3px 8px rgba(000,000,000,0.5);
box-shadow:0px -3px 8px rgba(000,000,000,0.5);
 
 
border-top:1px solid #7c7c7c;
	
	
}
/* ==== */

/* スマホの時だけ出したいクラス(PCでは消す) */
.sp_das{
display:none;
}
.sp_das_inline{
display:none;
}


/* ================================================== */


/* ===TOPページの記事用スタイル======================================= */

.topbox1,.topbox2{

background:#f3f3f3 url(../img/top/bg_topbox1.gif) no-repeat;
border:1px solid #cccccc;

padding:15px;
padding-right:40px;
margin-bottom:20px;

}

.topbox1 h3{
font-size:138.5%;
background:url(../img/top/check.png) no-repeat center left;
padding-left:40px;
margin:15px 0 5px 10px;
}

.topbox2 h3{
font-size:138.5%;
background:url(../img/top/check.png) no-repeat center left;
padding-left:40px;
margin:15px 0 5px 10px;

}
/* ================================================== */