@charset "utf-8";
/* CSS Document */
body
	{
		margin:0px;
		padding:0px;
		background-color:#f4e7bd;
		font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
		font-size:14px;

	}
h1,h2,h3,h4,h5,h6,span
	{
		margin:0px;
		padding:0px;
	}

h1,h2,h3,h4,h5,h6
	{
		color:#7e8901;
	}



a{
color:#0000CC;
}

a:hover{
color: red !important;
}

img {
	border: 0px;
    max-width:100%;
    width /***/:auto; /* IE8のみ */
    height:auto;
    vertical-align:bottom;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
	border: 1px solid #ccc;
    box-shadow: 0 0 5px #fff, 0 0 5px #c0c0c0, 0 0 1px #aaa;
	padding: 5px;
}

.photo{
	padding: 4px;
	background-color: #d7d7d7;
	float: left;
	display: inline;
}

div.photo img {
	border: 1px solid #fff;
}

a img{
opacity:1.0;
filter: alpha(opacity=100);
}
a:hover img{
opacity:0.7;
filter: alpha(opacity=70);
}


.font10{font-size:10px;}
.font12{font-size:12px;}
.font18{font-size:18px;}
.red{color:#FF0000;}


#headerbg
	{
		width:100%;
		height:203px;
		float:left;
		margin:0px;
		padding:0px;
		background-image: url(images/headerbg.jpg);
		background-repeat:repeat-x;
	}
#headerblank
	{
		width:1004px;
		height:203px;
		float: none;
		margin:0 auto;
		padding:0px;
	}
#header
	{
		width:1004px;
		height:203px;
		float: left;
		margin:0px;
		padding:0px;
		background-image:url(images/header.jpg);
		background-repeat:no-repeat;
	}
#menu
	{
		width:600px;
		height:33px;
		float: right;
		margin:133px 0 0 0;
		padding:0px;
	}
#menu ul
	{
		width:605px;
		height:33px;
		float:left;
		margin:0px;
		padding:0px;
		display:block;
	}
#menu ul li
	{
		width:150px;
		height:33px;
		float:left;
		margin:0 1px 0 0;
		padding:0px;
		display:block;		
	}
#menu ul li a.menu
	{
		width:150px;
		height:26px;
		float:left;
		margin:0px;
		padding:7px 0 0 0;
		font-size:13px;
		font-weight:bold;
		color:#FFF;
		text-align:center;
		text-decoration:none;
		background-image:url(images/menu-150.jpg);
		background-repeat:no-repeat;
	}	
#menu ul li a.menu:hover
	{
		color:#333;
	
	}
#login
	{
		width:649px;
		height:106px;
		float: right;
		margin:35px 0 0 0;
		padding:0px;
		background-image:url(images/loginbg.jpg);
		background-repeat:no-repeat;
	}
#logintxtblank
	{
		width:622px;
		height:89px;
		float: left;
		margin:0px;
		padding:17px 0 0 27px;
	}
#loginheading
	{
		width:622px;
		height:21px;
		float: left;
		margin:0 0 8px 0;
		padding:0px;
		font-size:13px;
		color:#000;
	}
#loginheading h4
	{
		width:622px;
		height:21px;
		float: left;
		margin:0px;
		padding:0px;
		font-size:20px;
		font-weight:normal;
		color:#000;
	}
#username
	{
		width:65px;
		height:14px;
		float: left;
		margin:0px;
		padding:7px 0 0 0;
		font-size:10px;
		color:#95844d;
	}
#input
	{
		width:197px;
		height:21px;
		float: left;
		margin:0px;
		padding:0px;
		font-size:10px;
		color:#95844d;
	}
#password
	{
		width:52px;
		height:14px;
		float:left;
		margin:0px;
		padding:7px 0 0 23px;
		font-size:10px;
		color:#95844d;
	}
#input02
	{
		width:197px;
		height:21px;
		float: left;
		margin:0px;
		padding:0px;
		font-size:10px;
		color:#95844d;
	}
.input
	{
		width:181px;
		height:17px;
		float: left;
		margin:0px;
		padding:4px 0 0 16px;
		font-size:10px;
		color:#95844d;
		border:solid 1px #ead28b;
		background-color:#ead28b;
	}
#loginbutton
	{
		width:50px;
		height:23px;
		float:left;
		margin:0 0 0 20px;
		padding:0px;
	}
.login
	{
		width:50px;
		height:19px;
		float:left;
		margin:0px;
		padding:4px 0 0 0;
		font-size:10px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/login.jpg);
		background-repeat:no-repeat;
	}
.login:hover
	{
		width:50px;
		height:19px;
		float:left;
		margin:0px;
		padding:4px 0 0 0;
		font-size:10px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image: url(images/loginover.jpg);
		background-repeat:no-repeat;
	}
#member
	{
		width:135px;
		height:14px;
		float: left;
		margin:9px 0 0 0;
		padding:0px;
		font-family: Arial;
		font-size:13px;
		color:#ab8e4e;
	}
#register
	{
		width:200px;
		height:14px;
		float: left;
		margin:9px 0 0 0;
		padding:0px;
		font-family: Arial;
		font-size:13px;
		color:#943415;
	}
.register
	{
		font-family: Arial;
		font-size:13px;
		color:#943415;
		text-decoration:none;
	}
.register:hover
	{
		font-family: Arial;
		font-size:13px;
		color:#943415;
		text-decoration: underline;
	}	
/*-------------------------------------------------------------------------------------HEADERPART--------------------------------------------------END--------------------------------------*/	
#contentbg
	{
		width:100%;
		float:left;
		margin:0px;
		padding:0px;
	}
#contentblank
	{
		width:1004px;
		float: none;
		margin:0 auto;
		padding:0px;
	}		
#content
	{
		width:1004px;
		float: left;
		margin:0px;
		padding:0px;
	}
#contentleft
	{
		width:215px;
		float: left;
		margin:0px;
		padding:34px 0 33px 52px;
	}
#leftheading
	{
		width:216px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		color:#7e8901;
	}
#leftheading h4
	{
		width:216px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		font-weight:normal;
		color:#7e8901;
	}
.lefttxtblank
	{
		width:195px;
		height:77px;
		float: left;
		margin:20px 0 0 0;
		padding:0px;
	}
.lefttxtblank02
	{
		width:195px;
		height:77px;
		float: left;
		margin:33px 0 0 0;
		padding:0px;
	}
.lefticon
	{
		width:36px;
		height:28px;
		float: left;
		margin:0px;
		padding:6px 0 0 0;
		font-size:11px;
		color:#FFF;
		text-align:center;
		background-image:url(images/lefticon.jpg);
		background-repeat:no-repeat;
	}
.leftboldtxtblank
	{
		width:150px;
		height:34px;
		float: left;
		margin:0px;
		padding:0 0 0 9px;
	}
.leftboldtxt
	{
		width:147px;
		height:13px;
		float: left;
		margin:0px;
		padding:0 0 0 3px;
		font-size:11px;
		font-weight:bold;
		color:#b22d00;
	}
.lefttxt
	{
		width:132px;
		height:13px;
		float:left;
		margin:0px;
		padding:0 0 0 18px;
		font-size:9px;
		font-weight: normal;
		color:#464646;
		background-image:url(images/lefttxtbg.jpg);
		background-repeat:no-repeat;
	}
.leftnormaltxt
	{
		width:194px;
		float:left;
		margin:4px 0 0 0;
		padding:0px;
		font-size:11px;
		font-weight: normal;
		color:#464646;
	}
.morebutton
	{
		width:194px;
		float:left;
		margin:7px 0 0 0;
		padding:0px;
		font-size:11px;
		font-weight: normal;
		color:#464646;
	}
.more
	{
		font-size:11px;
		font-weight: normal;
		color:#a5122a;
		text-decoration:none;
	}
.more:hover
	{
		font-size:11px;
		font-weight: normal;
		color:#a5122a;
		text-decoration: underline;
	}
#leftnavheading
	{
		width:216px;
		float: left;
		margin:35px 0 0 0;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		color:#7e8901;
	}
#leftnavheading h4
	{
		width:216px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		font-weight:normal;
		color:#7e8901;
	}
#leftnav
	{
		width:194px;
		float: left;
		margin:0px;
		padding:0px;
	}
#leftnav ul
	{
		width:194px;
		float: left;
		margin:0px;
		padding:0px;
		display:block;
	}
#leftnav ul li
	{
		width:194px;
		height:21px;
		float: left;
		margin:0px;
		padding:0px;
		display:block;		
	}
#leftnav ul li a.leftnav
	{
		width:175px;
		height:18px;
		float: left;
		margin:0px;
		padding:3px 0 0 19px;
		font-size:12px;
		font-weight: normal;
		color:#464646;
		text-decoration:none;
		background-image:url(images/leftnavactive.jpg);
		background-repeat:no-repeat;
	}
#leftnav ul li a.leftnav:hover
	{
		width:175px;
		height:18px;
		float: left;
		margin:0px;
		padding:3px 0 0 19px;
		font-size:12px;
		font-weight: bold;
		color:#b22d00;
		text-decoration:none;		
		background-image:url(images/leftnavactive.jpg);
		background-repeat:no-repeat;
	}
#leftnav ul li a.leftnavbot
	{
		width:175px;
		height:18px;
		float: left;
		margin:0px;
		padding:3px 0 0 19px;
		font-size:12px;
		font-weight: normal;
		color:#464646;
		text-decoration:none;		
		background-image:url(images/leftnavbot.jpg);
		background-repeat:no-repeat;
	}
#leftnav ul li a.leftnavbot:hover
	{
		width:175px;
		height:18px;
		float: left;
		margin:0px;
		padding:3px 0 0 19px;
		font-size:12px;
		font-weight: bold;
		color:#b22d00;
		text-decoration:none;		
		background-image:url(images/leftnavbot.jpg);
		background-repeat:no-repeat;
	}
/*-------------------------------------------------------------------------------------LEFTRPART----------------------------------------------------------------END--*/	
#contentmid
	{
		width:650px;
		float:right;
		margin:0px;
		padding:3px 0 33px 34px;
		background-image:url(images/vline.jpg);
		background-repeat:repeat-y;
	}
#contentmid p
	{	line-height:1.5em;}

.description{overflow:hidden;}

.midpan
	{
		width:650px;
		float: left;
		margin:0px;
		padding:0px;
		color:#333;
		margin-bottom:15px;
	}
	
.midheading
	{
		width:650px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:28px;
		color:#7e8901;
		border-bottom:2px dotted;
	}

.midheading h1
	{
		width:650px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:24px;
		font-weight:bold;
		color:#7e8901;
	}

.midheading h2
	{
		width:650px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:28px;
		font-weight:normal;
		color:#7e8901;
	}

.con h2
	{
		color:#7e8901;
		border-left:10px solid 7e8901;
		border-bottom:3px double 7e8901;
		padding-left:10px;
		padding-bottom:5px;
		padding-top:3px;
	}
	


.midtxt
	{
		width:400px;
		float: left;
		margin:22px 0 0 0;
		padding:0px;
		font-family: Arial;
		font-size:12px;
		color:#464646;
	}
.midboldtxt
	{
		font-family: Arial;
		font-size:12px;
		font-weight:bold;
		color:#b22d00;
	}
#comments
	{
		width:400px;
		height:25px;
		float: left;
		margin:22px 0 44px 0;
		padding:0px;
		background-image:url(images/commentsbg.jpg);
		background-repeat:no-repeat;
	}
#addcomments
	{
		width:82px;
		height:17px;
		float: left;
		margin:0px;
		padding:7px 0 0 34px;
		font-family: Arial;
		font-size:11px;
		color:#8b2c00;
	}
.addcomments
	{
		font-family: Arial;
		font-size:11px;
		color:#8b2c00;
		text-decoration:none;
	}
.addcomments:hover
	{
		font-family: Arial;
		font-size:11px;
		color:#8b2c00;
		text-decoration: underline;
	}
#morecomments
	{
		width:72px;
		height:17px;
		float: left;
		margin:0px;
		padding:7px 0 0 28px;
		font-family: Arial;
		font-size:11px;
		color:#8b2c00;
	}
.morecomments
	{
		font-family: Arial;
		font-size:11px;
		color:#8b2c00;
		text-decoration:none;
	}
.morecomments:hover
	{
		font-family: Arial;
		font-size:11px;
		color:#8b2c00;
		text-decoration: underline;
	}
.projectheading
	{
		font-family:Georgia;
		font-size:12px;
		color:#c0943c;
		padding:0 0 0 14px;
	}
#projectbg
	{
		width:640px;
		height:auto;
		float:left;
		margin:18px 0 0 0;
		padding:5px;
		background-image:url(images/projectbg.jpg);
		background-repeat:repeat-y;
		font-size:14px;
		line-height:1.5em;
	}

#projectbg p{margin:8px 0;}

#projectbg_ft
	{
		width:640px;
		height:1px;
		float:left;
		margin:0 0 18px 0;
		background-image:url(images/projectbg_ft.jpg);
		background-repeat:no-repeat;
	}

.sample
	{
		width:633px;
		height:auto;
		float:left;
		margin:0 0 20px 0;
		padding:8px;
		line-height:1.3em;
		background-color:#F0DFA9;
		border:1px dotted #B09F5A;
		text-align:center;
	}

.con
	{
		width:633px;
		height:auto;
		float:left;
		margin:18px 0 34px 0;
		padding:8px;
		line-height:1.3em;
		background-color:#F0DFA9;
		border:1px dotted #B09F5A;
	}



.ranking1
	{
	background-image:url(img_ranking/ranking1.gif);
	background-repeat:no-repeat;
	height:53px;
	}
	
.ranking1 h2{
	position:relative;
	left: 60px;
	top: 30px;
	width:350px;
	font-size:16px;
}

.ranking1_body
	{
		margin-top:0px;
		border-left:4px solid;
		border-right:4px solid;
		border-color:#FFCC33;
		background-color:#FFEFBF;
		
	}
.ranking1_foot
	{
		margin-top:0px;
		border-top:4px solid;
		border-color:#FFCC33;
		
	}


.ranking2
	{
	background-image:url(img_ranking/ranking2.gif);
	background-repeat:no-repeat;
	height:53px;
	}
	
.ranking2 h2{
	position:relative;
	left: 60px;
	top: 30px;
	width:350px;
	font-size:16px;
}

.ranking2_body
	{
		margin-top:0px;
		border-left:4px solid;
		border-right:4px solid;
		border-color:#9B9B9B;
		background-color:#F5F5F5;
		
	}
.ranking2_foot
	{
		margin-top:0px;
		border-top:4px solid;
		border-color:#9B9B9B;
		
	}


.ranking3
	{
	background-image:url(img_ranking/ranking3.gif);
	background-repeat:no-repeat;
	height:53px;
	}
	
.ranking3 h2{
	position:relative;
	left: 60px;
	top: 30px;
	width:350px;
	font-size:16px;
}

.ranking3_body
	{
		margin-top:0px;
		border-left:4px solid;
		border-right:4px solid;
		border-color:#FF6A07;
		background-color:#FFE4D2;
		
	}
.ranking3_foot
	{
		margin-top:0px;
		border-top:4px solid;
		border-color:#FF6A07;
		
	}


.ranking4_body
	{
		margin-top:0px;
		border:4px solid;
		border-color:#9B9B9B;
		background-color:#F5F5F5;
		
	}

.ranking4_body h3{
	padding:10px;
	font-size:15px;
}

.con li{
	margin-bottom:15px;
}



#projectthumnail
	{
		width:130px;
		height:117px;
		float:left;
		margin:15px 0 0 15px;
		padding:0px;
		border:solid 3px #ebd693;
		background-image: url(images/projectthumnail.jpg);
		background-repeat:no-repeat;
	}
#projecttxtblank
	{
		width:219px;
		float:left;
		margin:15px 0 0 0;
		padding:20px 0 0 0;
	}
#projecttxt
	{
		width:206px;
		float:left;
		margin:0px;
		padding:0 0 0 13px;
		font-size:12px;
		color:#464646;
	}
.projectboldtxt
	{
		font-size:12px;
		font-weight:bold;
		color:#853008;
	}
#moreproject
	{
		width:194px;
		float:left;
		margin:0px;
		padding:5px 0 0 25px;
	}
.moreproject
	{
		font-size:12px;
		font-weight:bold;
		color:#464646;
		text-decoration:none;
	}
.moreproject:hover
	{
		font-size:12px;
		font-weight:bold;
		color:#464646;
		text-decoration: underline;
	}
#purposetxt
	{
		width:399px;
		float:left;
		margin:20px 0 0 0;
		padding:0px;
		font-size:12px;
		color:#464646;
	}
#purposenav
	{
		width:435px;
		float:left;
		margin:0px;
		padding:14px 0 0 0;
	}
#purposenav ul
	{
		width:188px;
		float:left;
		margin:0 24px 0 0;
		padding:0px;
		display:block;		
	}
#purposenav ul li
	{
		width:188px;
		height:21px;
		float:left;
		margin:8px 0 0 0;
		padding:0px;
		display:block;
	}
#purposenav ul li a.purposenav
	{
		width:168px;
		height:18px;
		float:left;
		margin:0px;
		padding:3px 0 0 20px;
		font-size:11px;
		color:#c17305;
		text-decoration:none;
		background-image:url(images/purposeactive.jpg);
		background-repeat:no-repeat;
	}
#purposenav ul li a.purposenav:hover
	{
		width:168px;
		height:18px;
		float:left;
		margin:0px;
		padding:3px 0 0 20px;
		font-size:11px;
		color:#c17305;
		text-decoration:none;
		background-image: url(images/purposeover.jpg);
		background-repeat:no-repeat;
	}
/*-------------------------------------------------------------------------------------MIDPART------------------------------------------------------------END---------*/		
#contentright
	{
		width:235px;
		float: left;
		margin:0px;
		padding:34px 0 40px 34px;
		background-image:url(images/vline.jpg);
		background-repeat:repeat-y;
	}
.rightheading
	{
		width:235px;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		color:#7e8901;
		font-size:13px;
	}
.rightheading h4
	{
		width:235px;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		font-weight:normal;
		color:#7e8901;
	}
#galleryblank
	{
		width:235px;
		float:left;
		margin:21px 0 0 0;
		padding:0px;
	}
#rightpic
	{
		width:235px;
		height:68px;
		float:left;
		margin:0px;
		padding:0px;
	}
.rightpic
	{
		width:235px;
		height:68px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/rightpic.jpg);
		background-repeat:no-repeat;
	}
.rightpic:hover
	{
		width:235px;
		height:68px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/rightpic.jpg);
		background-repeat:no-repeat;
	}
#rightpic02
	{
		width:235px;
		height:68px;
		float:left;
		margin:13px 0 0 0;
		padding:0px;
	}
.rightpic02
	{
		width:235px;
		height:68px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/rightpic02.jpg);
		background-repeat:no-repeat;
	}
.rightpic02:hover
	{
		width:235px;
		height:68px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/rightpic02.jpg);
		background-repeat:no-repeat;
	}
	
#rightpic03
	{
		width:235px;
		height:68px;
		float:left;
		margin:13px 0 0 0;
		padding:0px;
	}
.rightpic03
	{
		width:235px;
		height:68px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/rightpic03.jpg);
		background-repeat:no-repeat;
	}
.rightpic03:hover
	{
		width:235px;
		height:68px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/rightpic03.jpg);
		background-repeat:no-repeat;
	}
.viewbutton
	{
		width:68px;
		height:19px;
		float:left;
		margin:16px 0 36px 0;
		padding:0px;
	}
.viewbuttonbot
	{
		width:68px;
		height:19px;
		float:left;
		margin:16px 0 0 0;
		padding:0px;
	}	
.view
	{
		width:68px;
		height:16px;
		float:left;
		margin:0px;
		padding:3px 0 0 0;
		font-family: Arial;
		font-size:9px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/viewmore.jpg);
		background-repeat:no-repeat;
	}
.view:hover
	{
		width:68px;
		height:16px;
		float:left;
		margin:0px;
		padding:3px 0 0 0;
		font-family: Arial;
		font-size:9px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image: url(images/viewmoreover.jpg);
		background-repeat:no-repeat;
	}
	
.righttxt
	{
		width:177px;
		float:left;
		margin:21px 0 0 0;
		padding:0px;
		font-size:12px;
		color:#464646;
	}
.rightboldtxt
	{
		font-size:12px;
		font-weight:bold;
		color:#b22d00;
	}
	
.righttxt2
	{
		width:100%;
		float:left;
		margin:21px 0 0 0;
		padding:0px;
		font-size:12px;
		color:#464646;
	}
.rightboldtxt2
	{
		font-size:12px;
		font-weight:bold;
		color:#b22d00;
	}



/*--------------------------------------------------------------CONTENTPART-------------------------------------------------END--------------------------------------------------------------*/	
#footerbg
	{
		width:100%;
		height:354px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/footerbg.jpg);
		background-repeat:repeat-x;
	}
#footerblank
	{
		width:1004px;
		height:354px;
		float:none;
		margin:0 auto;
		padding:0px;
	}
#footer
	{
		width:858px;
		height:313px;
		float:left;
		margin:0px;
		padding:41px 0 0 146px;
		background-image:url(images/footer.jpg);
		background-repeat:no-repeat;
		line-height:1.5em;
	}

#footer a
	{
		color:#EEE;
		border-bottom:1px dotted;
		border-color:#EEE;
		text-decoration:none;
	}

#footerbox
	{
		width:215px;
		height:168px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/footerbox.jpg);
		background-repeat:no-repeat;
	}
#footermid
	{
		width:215px;
		height:168px;
		float:left;
		margin:0 35px 0 35px;
		padding:0px;
		background-image:url(images/footerbox.jpg);
		background-repeat:no-repeat;
	}
#footerlast
	{
		width:215px;
		height:168px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/footerbox.jpg);
		background-repeat:no-repeat;
	}
.footerheading
	{
		width:215px;
		height:21px;
		float: left;
		margin:28px 0 0 0;
		padding:0px;
		font-family: Arial;
		font-size:24px;
		color:#f4e7bd;
	}
.footerheading h4
	{
		width:215px;
		height:21px;
		float: left;
		margin:0px;
		padding:0px;
		font-family: Arial;
		font-size:24px;
		font-weight:normal;
		color:#f4e7bd;
		text-align:center;
	}
.footertxt
	{
		width:184px;
		float: left;
		margin:17px 0 0 16px;
		padding:0px;
		font-size:12px;
		color:#FFF;
		text-align:left;
	}
.footerbutton
	{
		width:68px;
		height:19px;
		float: left;
		margin:15px 0 0 73px;
		padding:0px;
	}
.button
	{
		width:68px;
		height:15px;
		float: left;
		margin:0px;
		padding:4px 0 0 0;
		font-size:9px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/footerbutton.jpg);
		background-repeat:no-repeat;
	}
.button:hover
	{
		width:68px;
		height:15px;
		float: left;
		margin:0px;
		padding:4px 0 0 0;
		font-size:9px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image: url(images/footerover.jpg);
		background-repeat:no-repeat;
	}
#footerlinks
	{
		width:715px;
		float:left;
		margin:25px 0 0 0;
		padding:0px;
		font-size:11px;
		font-weight:bold;
		color:#ee7e1f;
		text-align:center;
		text-decoration:none;
	}
.footerlinks
	{
		font-size:11px;
		font-weight:bold;
		color:#ee7e1f;
		text-align:center;
		text-decoration:none;
		padding:0 3px 0 3px;
	}
.footerlinks:hover
	{
		font-size:11px;
		font-weight:bold;
		color:#ee7e1f;
		text-align:center;
		text-decoration: underline;
		padding:0 3px 0 3px;		
	}
#copyrights
	{
		width:715px;
		float:left;
		margin:5px 0 0 0;
		padding:0px;
		font-size:11px;
		color:#401400;
		text-align:center;
	}
#designedby
	{
		width:715px;
		float:left;
		margin:5px 0 0 0;
		padding:0px;
		font-size:11px;
		font-weight:bold;
		color:#401400;
		text-align:center;
	}
.designedby
	{
		font-size:11px;
		font-weight:bold;
		color:#ee7e1f;
		text-align:center;
		text-decoration:none;
	}
.designedby:hover
	{
		font-size:11px;
		font-weight:bold;
		color:#ee7e1f;
		text-align:center;
		text-decoration:underline;
		}

#validation
	{
		width:422px;
		float:left;
		margin:5px 0 0 0;
		padding:0 0 0 293px;
	}
.xhtml
	{
		width:66px;
		height:17px;
		float: left;
		margin:0px;
		padding:1px 0 0 0;
		font-size:11px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/xhtml.jpg);
		background-repeat:no-repeat;
	}
.xhtml:hover
	{
		width:66px;
		height:17px;
		float: left;
		margin:0px;
		padding:1px 0 0 0;
		font-size:11px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/xhtml.jpg);
		background-repeat:no-repeat;
	}
.css
	{
		width:66px;
		height:18px;
		float: left;
		margin:0 0 0 5px;
		padding:0px;
		font-size:11px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/xhtml.jpg);
		background-repeat:no-repeat;
	}
.css:hover
	{
		width:66px;
		height:18px;
		float: left;
		margin:0 0 0 5px;
		padding:0px;
		font-size:11px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/xhtml.jpg);
		background-repeat:no-repeat;
	}
	


.leftAd{ margin-bottom:10px; width:96%;}

.leftAd a{font-size:13px; text-decoration:none; text-indent:20px; padding-top:3px; padding-bottom:5px; display:block; background-image:url(images/arrow-symbols-icons.gif); background-repeat:no-repeat;}
.leftAd a:hover{ background-color:#FFFF99;}

.leftAd p{margin:0px;}

.rankingTitle{ font-size:15px; border-bottom:1px solid; border-bottom-color:#DDB53C; font-weight:bold;}





/*申込ボタン*/




/* --------- テーブル設定 ----------------- */

table.table1 {
    border: 1px #DDB53C solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.table1 th {
    padding: 5px;
    border: #DDB53C solid;
    border-width: 0 0 1px 1px;
    background: #EFDB9E;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
}
table.table1 td {
    padding: 5px;
    border: 1px #DDB53C solid;
    border-width: 0 0 1px 1px;
	background:#F4E7BD;
    text-align: left;
}



/*レスポンシブCSSここから*/


@media screen and (max-width:620px){

#headerblank {
	width:100%;}
	
#header {
	width:100%;
	background-size:contain;
	background-image:url(images/header-mini.png);
	background-position:center 0px;}	
	
#headerbg {
	background-image:url(images/headerbg3.jpg);}	
	
#menu {
	width:100%;
	margin-top:100px;}	
	
#menu ul {
	width:100%;
	height:80px;}	
	
#menu ul li {
	width:49.7%;
	float:left;
	margin:0;
	}
	
#menu ul li a.menu {
	background-size: cover;
	width: 99%;
	background-image: none;
	background-color: #c19840;
	
	border-bottom:1px solid #822803;
	/*border-left:1px solid #822803;*/
	margin:1% ;
	height:25px;
	
}		
	
#contentblank {
	width:100%;
	}	
	
#contentbg {
	}	
	
#content {
	width:100%;
	float:none;}
	
#contentmid {
	width:100%;
	float:none;
	padding:0px;}	
	
.midheading {
	width:100%;}
	
.midheading h1 {
	width:98%;
	margin-left:2%;}	
	
#projectbg {
	width:94%;
	padding:1%;
	margin:2%;
	background-color:#f0dfa9;
	background-image:none;
	border:1px dotted #626262;}
	
#projectbg_ft {
	width:100%;}		
	
.con {
	width:94%;
	padding:1%;
	margin:2%;}	
	
.con h2 {
	padding:10px;
	line-height:1.6em;}	
	
.midpan {
	width:98%;
	margin:0 5px 15px;}
	
.midpan h2 {
	margin-left:2%;}	
	
.righttxt {
	width:100%;}
	
#contentright {
	width:90%;
	padding:5%;}	
	
.rightheading {
	width:100%;}
	
#galleryblank {
	width:90%;
	padding:5%;}		
		
	
#footerblank {
	width:100%;
	height:auto;}
	
#footer {
	width:100%;
	background-size:contain;
	padding:0px;
	height:auto;
	background-color:#8d2c01;
	margin-top:20px;}				
	
#footerlinks {
	width:100%;}	
	
#footerbox,#footermid,#footerlast {
	width:94%;
	margin:0px 3% 20px;
	background-color:#d05c09;
	background-image:none;
	border-radius:10px;
	moz-border-radius:10px;
	o-border-radius:10px;
	webkit-border-radius:10px;
	ms-border-radius:10px;
	}	
	
.footerheading {
	width:100%;}
	
.footertxt {
	width:80%;
	margin:5% 10%;}		
	
#copyrights {
	width:100%;}
	
	



	
	
	/*テーブルカラムダウン*/	
	
table.columndown  {
			display:block;
			width:96%;
			padding:0;
			margin:2%;
			/*border:1px solid #666666;
			background-color:#fff;*/}
			
table.columndown tbody {
			display:block;
			width:100%;}

table.columndown tr	{display:block;
			width:100%;
			}		
				

table.columndown td,table.columndown th {
			display:block;
			width:98%;
			border-left:none;
			padding:1%;
	}

	
}


@media screen and (max-width:480px){
	#header {
	
	background-position:center 20px;}	

	
}