@charset "UTF-8";
/*RFC webサイト_トップページのCSS*/
/* CSS Document */

/*[CSS設定項目]-----

01.全体的な設定
02.header
03.menu
04.container
05.contents
06.footer
*/

/*01.全体的な設定*/
* {
	margin : 0;
	padding : 0;
	color : #333333;
	font-size:8pt;
	font-style : normal;
	font-weight : normal;
	font-family :  Verdana, Helvetica, Arial, sans-serif, "Osaka", "Hiragino Kaku Gothic Pro", "lroSVbN";
	line-height : 180%;
	text-decoration : none;
}

body {
	height:100%;
	width:100%;
	min-height:650px;
	min-width:975px;
	margin:0px;
	border:0px;
	padding:0px;
	background:#000000;
}

body#designer {
	width:700px;
	height:100%;
	min-height:605px;
	margin:0px;
	border:0px;
	padding:0px;
	background:url(../img/common/shadow.png) 690px 0 repeat-y #FFFFFF;
	behavior: url(/js/iepngfix.htc);
}

html{
	width:100%;
	height:100%;
	min-width:975px;
	/*background:url(../img/common/container.png) left top repeat-y #FFFFFF;*/
}

#index #body {
	margin:0;
	padding:0;
	border:0;
	width:100%;
	height:100%;
	min-height:650px;
}

#page #contents {
	margin:0;
	padding:0;
	border:0;
}

#catalog #body {
	margin:0;
	padding:0;
	border:0;
	width:975px;
	height:600px;
	background:#000000;
}

/*レイアウト*/
body#blog,body#contact {
	background:url(../img/common/container.png) left top repeat-y #FFFFFF;
	behavior: url(/js/iepngfix.htc);
}

#contact #wrap_header,#blog #wrap_header {
	width:100%;
	height:180px;
	background:#DDDDDD;
}

#deisner #wrap_header {
	width:100%;
	height:100px;
}

#contact #wrap_container,#blog #wrap_container {
	width:100%;
	min-height:200px;
	height:auto;
}

#deisner #wrap_container {
	width:100%;
	height:auto;
}

#contact #wrap_footer,#blog #wrap_footer {
	width:100%;
	height:20px;
}

#deisner #wrap_footer {
	width:100%;
	height:auto;
}

/*基本設定*/
h1 {
}

h2 {
	padding:0 15px;
	_padding-left:15px;
	_width:90%;
	margin:0 0 20px 0;
	_margin-left:15px;
	background:url(../img/common/h2.png) left 50% no-repeat;
	behavior: url(/js/iepngfix.htc);
	font-size:175%;
	color:#666666;
}

h3 {
	padding:0 15px;
	_padding-left:15px;
	_width:90%;
	margin:0 0 15px 0;
	_margin-left:15px;
	background:url(../img/common/h3.png) left 50% no-repeat;
	behavior: url(/js/iepngfix.htc);
	font-size:150%;
	color:#666666;
}

h4 {
	margin:0 0 15px 0;
	font-size:150%;
}

h5 {
	margin:0 0 15px 0;
	font-size:125%;
}

h6 {
	margin:0 0 15px 0;
	font-size:120%;
	color:#666666;
}

p {
	margin:0 0 20px 0;
	text-indent:1em;
}

a, a img {
	outline:0;
	border:0;
}

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

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

hr {
	clear:both;
	visibility:hidden;
}

img {
	behavior: url(/js/iepngfix.htc);
}
/*clearfix*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-table;
}

/*Hides from IE-mac*/
* html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}
/*END hides from IE-mac*/
.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}


/*02.header*/
#header {
	width:960px;
	height:180px;
	background:url(../img/common/shadow.png) right 0 repeat-y;
	behavior: url(/js/iepngfix.htc);
}

#designer #header {
	width:700px;
	height:100px;
	background:none;
}

#header h1 {	
	width:180px;
	height:180px;
	background:url(../img/common/logo.png) left top;
	behavior: url(/js/iepngfix.htc);
	float:left;
}

#designer #header h1 {
	width:210px;
	height:50px;
	margin:15px;
	background:url(../img/common/desiger_logo.png) left top;
	behavior: url(/js/iepngfix.htc);
}

#header h1 a{	
	width:180px;
	height:180px;
	display:block;
	text-indent:-9999px;
}

#designer #header h1 a{	
	width:210px;
	height:50px;
	display:block;
	text-indent:-9999px;
}

#header h1 em{
}

#header h2 {
	width:770px;
	height:180px;
	float:left;
	background:url(../img/common/shadow.png) left 0 repeat-y;
	behavior: url(/js/iepngfix.htc);
	padding:0;
	margin:0;
}

#header h2 a {
	display:block;
	width:auto;
	height:auto;
	position:relative;
	top:135px;
	left:20px;
	font-size:24px;
	color:#333333;
	text-decoration:none;
}

#header h2 a:hover {
	display:block;
	width:auto;
	height:auto;
	position:relative;
	top:135px;
	left:20px;
	font-size:24px;
	color:#FF3300;
	text-decoration:none;
}

/*03.menu*/
#gloval_navi {
	margin:20px 0 0 0px;
	_margin-top:20px;
	padding:0 0 15px 20px;
	background:url(../img/common/side_bottom.png) left bottom repeat-x;
	behavior: url(/js/iepngfix.htc);
}

.menu {
	margin:0px 0 0 0px;
	padding:0 0 25px 20px;
	_padding-left:0px;
	background:url(../img/common/side_bottom.png) left bottom repeat-x;
	behavior: url(/js/iepngfix.htc);
}

#gloval_navi ul,#gloval_navi li {
	list-style:none;
}

#gloval_navi li a {
	font:Helvetica, Arial, sans-serif;
	font-weight:lighter;
	width:160px;
	height:25px;
	display:block;
}

#gloval_navi li {
	font:Helvetica, Arial, sans-serif;
	font-weight:lighter;
	width:160px;
	height:25px;
	display:block;
}

#side h3 {
	color:#CCCCCC;
	font-size:110%;
	padding:0 15px;
	_padding-left:15px;
	_width:90%;
	margin:0 0 5px 0;
	_margin-left:15px;
}

#side .menu ul,#side .menu dl {
	margin:0 0 0 15px;
	padding:0;
	list-style:none;
}

#side .menu dl,#side .menu dt,#side .menu dd {
	color:#999999;
}

#side #archive_list {
	margin-left:0px;
}

#side #archive_list dt,#side .menu li {
	_margin-left:10px;
}

#side dt.sidetitle {
	display:none;
}

/*04.container*/
#container {
	width:960px;
	height:100%;
	min-height:200px;
	padding:0 0 20px 0 ;
}

#designer #container {
	width:700px;
	height:auto;
	min-height:200px;
	padding:0 0 20px 0 ;
}

/*05.contents*/
#main {
	float:right;
	width:780px;
	padding:10px 0;
}

#designer #main{
	width:670px;
	height:auto;
	margin:0 15px;
	clear:both;
}

#designer .category-37 .right {
	width:96%;
	height:auto;
	margin:0 2%;
}

#designer .category-37 .left,
#designer .category-39 .left h3 {
	width:0;
	height:0;
	display:none;
	visibility:hidden;
}

#designer .category-37 .right .box {
	width:100%;
	height:auto;
	margin:20px 0;
	clear:both;
}

#designer .category-37 .right .box .img_box {
	float:left;
	width:120px;
	margin:0 10px 15px 0;
}

/*#designer .category-37 .right .box .text {
	float:right;
}*/

#designer .category-37 .right .box .text h3 {
	margin-bottom:0;
}

/*#designer .category-37 .right .box .text p {
	margin-top:0;
}*/

#side {
	float:left;
	width:180px;
	height:100%;
	color:#FFFFFF;
	background:#333333 url(../img/common/shadow_y.png) left 0 repeat-x;
	behavior: url(/js/iepngfix.htc);
}

#side a {
	color:#FFFFFF;
	text-decoration:none;
}

#side a:hover {
	color:#FF0000;
	text-decoration:none;
}

#contents,#blogs {
	padding:10px 20px;
	height:auto;
	clear:both;
}

#blogs .entry{
	width:96%;
	height:auto;
	padding:0 2% 15px 0%;
	margin:0 0 30px 0;
	border-bottom:#CCCCCC 1px dotted;
}

.entry_body {
	width:94%;
	margin:0 3%;
	padding:0;
}

#blogs .entry .date{
	text-align:right;
}

#tel_fax {
	margin:30px 0 20px 0;
}

#tel_fax dl {
	display:block;
	margin:10px auto;
}

#tel_fax dt {
	margin:2px 20px 0 0;
	width:25%;
	float:left;
	font-size:110%;
	border-right:#CCCCCC dashed 1px;
}

#tel_fax dd {
	margin:0 0 1em 0;
	padding:0 0 1em 0;
	border-bottom:1px dotted #CCCCCC;
	font-family:monospace;
	font-size:120%;
}

.english {
	color:#999999;
}
/*メールフォーム*/
#ajax_mail {
	width:720px;
}

form fieldset {
	margin:0px 0 0 0px;
	border:none;
}

fieldset dl,
fieldset dt,
fieldset dd,
form,fieldset,input,textarea,button{
	margin:0;
	padding:0;
	font-size:100%;
}

fieldset dt {
	margin:2px 0 0 0;
	width:20%;
	float:left;
}

fieldset dd {
	margin:0 0 1em 0;
	padding:0 0 1em 0;
	border-bottom:1px dotted #CCCCCC;
}

fieldset dd p{
	text-align:left;
}

fieldset form {
	padding:0;
	width:500px;
}

fieldset fieldset {
	margin:30px 0 50px 0;
	border:none;
}

fieldset input,
fieldset textarea {
	padding:0.2em;
	border:1px solid #aaa;
}

fieldset input {
	width:35%;
}

fieldset textarea {
	width:75%;
	height:200px;
}

fieldset p {
	text-align:center;
	margin:0 auto;
	width:300px;
}

fieldset button {
	padding:3px 5px;
	border-top:3px double #bbb;
	border-right:3px double #666;
	border-bottom:3px double #666;
	border-left:3px double #bbb;
	background:#ECECEC;
}

fieldset button:active {
	padding:3px 5px;
	border-top:3px double #666;
	border-right:3px double #bbb;
	border-bottom:3px double #bbb;
	border-left:3px double #666;
	background-color:#333333;
	color:#FFFFFF;
}

#thanks h3 {
	text-align:center;
}
/*---------------------*/
.red {
	color:#FF0000;
}

.gray {
	color:#777777;
}

.designer {
	margin:0 0 30px 0;
	border-bottom:#CCCCCC dotted 1px;
}

.designer .left {
	width:200px;
	height:auto;
}

.designer .right {
	width:450px;
	padding:0 8px 0 0;
	height:auto;
}

.designer .left img {
	width:200px;
	height:200px;
}

.designer .left h3 {
	margin:20px 0 0 0;
}

.designer .left {
	font-size:80%;
	color:#999999;
}

#manual {
	width:720px;
	height:auto;
	margin:20px 0;
}

#manual .right {
	width:500px;
	height:auto;
}

#manual .left img {
	width:200px;
	height:auto;
}

#manual .left img:hover {
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.download {
	display:table-cell;
	vertical-align:middle;
}

/*06.footer*/
#footer {
	width:950px;
	height:20px;
	padding:0 10px 0 0;
}

#designer #footer {
	width:690px;
	height:100px;
	padding:0 10px 0 0;
}

#footer #copyright {
	width:370px;
	height:20px;
	display:block;
	float:right;
	text-indent:-9999px;
	background:url(../img/common/copy.png) right top no-repeat;
	behavior: url(/js/iepngfix.htc);
}