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




/* ナビゲーション
---------------------------------------------------- */
.ddsmoothmenu{
	float: right;
	margin-top: 18px;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #CCCCCC;
	z-index: 5;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
margin: 0;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
font-size: 1em;
font-weight: bold;
color: #777777;
padding: 8px 7px;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #CCCCCC;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
	color: #777777;
}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: #777777;
}
.ddsmoothmenu ul li a:hover{
	color: #999999;
}


/*1st sub level menu*/
.ddsmoothmenu ul li ul{
float: left;
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
	width: 120px; /*width of sub menus*/
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	color: #0A1D45;
	padding: 5px 5px 5px 10px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid gray;
	border-left: none;
	border-right: none;
}

* html .ddsmoothmenu ul li ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	color: #0A1D45;
}
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited{
	color: #0A1D45;
}
.ddsmoothmenu ul li ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: #0A1D45;
}
.ddsmoothmenu ul li ul li a:hover{
	color: #660000;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: #FFF;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
	filter: alpha(opacity=85);
 	-moz-opacity:0.85;
 	opacity:0.85;
}



.ddsmoothmenu-v ul{
margin: 0;
padding: 0;
width: 170px; /* Main Menu Item widths */
list-style-type: none;
font: bold 12px Verdana;

border-bottom: 1px solid #ccc;
}
 
.ddsmoothmenu-v ul li{
position: relative;
}

/* Top level menu links style */
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
background: #414141; /*background of menu items (default state)*/
color: white;
}


.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: white;
}

.ddsmoothmenu-v ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}

/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
}

 
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */



/* トップページページ構成
---------------------------------------------------- */
#top_naviarea {
	min-width:780px;
	width: auto !important;
	width: 780px;
	_width: 100%;
	clear: both;
	text-align: left;
	margin: 0 auto 25px;
	padding: 0;
	background: url(img/bg_top.jpg) repeat-y;
}

#top_naviarea .navi{
	width: 750px;
	margin: 0 auto;
	padding: 10px 0;
}

#top_naviarea .flash{
	float: right;
	margin: 0;
	padding: 0;
	z-index: 0;
}


/* トップページナビゲーション
---------------------------------------------------- */
#top_naviarea .navi ul{
	height: 232px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	
}
#top_naviarea .navi li{
	margin: 0;
	padding: 0;
	width: 210px;
	height: 58px;
}
#top_naviarea .navi li a{
	display: block;
	width: 210px;
	height: 58px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
}

#top_naviarea .navi li#tn01 { background: transparent url(img/top_navi.png) no-repeat 0 0; behavior: url(/wp-content/themes/kameyama/js/iepngfix.htc);}
#top_naviarea .navi li#tn02 { background: transparent url(img/top_navi.png) no-repeat 0 -58px; behavior: url(/wp-content/themes/kameyama/js/iepngfix.htc);}
#top_naviarea .navi li#tn03 { background: transparent url(img/top_navi.png) no-repeat 0 -116px; behavior: url(/wp-content/themes/kameyama/js/iepngfix.htc);}
#top_naviarea .navi li#tn04 { background: transparent url(img/top_navi.png) no-repeat 0 -174px; behavior: url(/wp-content/themes/kameyama/js/iepngfix.htc);}

#top_naviarea .navi li#tn01 a:hover{ background: transparent url(img/top_navi.png) no-repeat -210px 0;}
#top_naviarea .navi li#tn02 a:hover{ background: transparent url(img/top_navi.png) no-repeat -210px -58px;}
#top_naviarea .navi li#tn03 a:hover{ background: transparent url(img/top_navi.png) no-repeat -210px -116px;}
#top_naviarea .navi li#tn04 a:hover{ background: transparent url(img/top_navi.png) no-repeat -210px -174px;}






/* コラム部分
---------------------------------------------------- */
#column {
	display: inline;
	float: left;
	width: 555px;
	color: #333333;
	margin: 0;
	padding: 0;
}

#column h2{
	width: 555px;
	height: 20px;
	font-size: 1em;
	color: #FFFFFF;
	text-align: center;
	margin: 0 auto 0.75em;
	padding: 5px 0 0;
	background: url(img/h2_bg.png) no-repeat;
	behavior: url(/wp-content/themes/kameyama/js/iepngfix.htc);
}

#column h3{
	clear: both;
	height: 18px;
	font-size: 1em;
	margin: 1em 0 0.5em;
	padding: 2px 0 0 15px;
	background: url(img/h3_bg.png) no-repeat;
	behavior: url(/wp-content/themes/kameyama/js/iepngfix.htc);
}
#column h3 span{
	font-size: 0.86em;
	color: #000;
	padding-left: 1em;
}

#column p{
	text-indent: 1em;
	margin: 0 0.5em 0.5em;
	padding: 0;
}

#column ul{
	list-style-type: none;
	margin: 1.5em 0 3em;
	padding: 0;
}
#column ul li{ clear: both;}
#column ul li strong{ float: left; width: 13em; text-align: right; padding-bottom: 0.5em;}


#column .news{
	width: 550px;
	margin: 0 0 1.75em;
	padding: 0;
}
#column .news h6{
	float: right;
	font-size: 0.92em;
	font-weight: normal;
	text-indent: 0;
	margin: 0.5em 0 1.25em;
	padding: 0 5px 2px 20px;
	background: url(img/catalog.png) no-repeat;
	border-bottom: #CCC solid 1px;
	behavior: url(/wp-content/themes/kameyama/js/iepngfix.htc);
}
#column .news p{
	clear: both;
	font-size: 0.92em;
	text-indent: 0;
	margin: 0 0.5em 0.65em 0;
	padding: 0 0 2px;
	border-bottom: #666666 dotted 1px;
}
#column .news p strong{
	float: left;
	margin-bottom: 0.5em;
	padding: 0 1em 0 20px;
	background: url(img/mark.png) no-repeat;
	behavior: url(/wp-content/themes/kameyama/js/iepngfix.htc);
}
#column .news p span{
	font-weight: bold;
	color: #990000;
	padding: 0 0 0 0.25em;
}














/* 2012.01.23 修正対応
---------------------------------------------------- */