@charset "utf-8";
/* ---------------------------------------------------------
共通レイアウト｜フォトコンテストシステム
--------------------------------------------------------- */

/*////////////////////////////////////////////////
フォントサイズ統一化設定
////////////////////////////////////////////////*/
body{
	font-size: 75%; /* IE */
	line-height:120%;
}
html>/**/body{
	font-size: 12px; /* Except IE */
}

html[xmlns*=""] body:last-child body{
	font-size:80%;
}

/*////////////////////////////////////////////////
=clear設定
////////////////////////////////////////////////*/
.clear{
	clear:both;
}
.f_left{
	float:left;
}
.f_right{
	float:right;
}

/*////////////////////////////////////////////////
=body設定
（タグリセット設定）
////////////////////////////////////////////////*/
body{
	margin:0px;
	border:none;
	font-family:"ＭＳ Ｐゴシック", Osaka,sans-serif;
	font-weight:normal;
	text-decoration:none;
	list-style-type:none;
	text-indent:0px;
	line-height:140%;
	letter-spacing:0.9px;
/*////////////////////////////////////////////////
=body設定
////////////////////////////////////////////////*/
	color:#666666;
}
/*////////////////////////////////////////////////
=リンク設定
////////////////////////////////////////////////*/
a{
	color:#666666;
	text-decoration:underline;
}
a:hover{
	color:#336699;
	text-decoration:underline;
}

/*////////////////////////////////////////////////
=wrapper設定
////////////////////////////////////////////////*/
#wrapper{
	width:950px;
	margin:0px auto;
	padding:0;
}

/*////////////////////////////////////////////////
=header設定
////////////////////////////////////////////////*/
#headerArea{
	width:950px;
	margin:0px auto;
}
#headerArea #header{
	width:950px;
	height:80px;
	position:relative;
}
#headerArea #header h2{
	position:absolute;
	top:26px;
	left:0px;
	margin:0px;
}
#headerArea #header h2 a{
	width:220px;
	height:30px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	background-image: url(../images/common/logo.jpg);
	background-repeat: no-repeat;
}
#headerArea #header h1{
	color:#4F4F4F;
	font-weight:normal;
	font-size:0.9em;
	text-align:left;
	margin:0px;
	position:absolute;
	top:21px;
	left:235px;
	line-height:1.3;
	letter-spacing:normal;
}
#headerArea #header #navi{
	position:absolute;
	top:5px;
	right:0px;
	text-align:right;
}
#headerArea #header #navi a{
	background-image: url(../images/common/arrow_blue.jpg);
	padding-left:20px;
	background-repeat: no-repeat;
	margin-left:5px;
	background-position: 5px 3px;
}
#headerArea #header #tel{
	position:absolute;
	top:16px;
	right:195px;
	width:215px;
	height:50px;
}
#headerArea #header #contact{
	position:absolute;
	top:35px;
	right:0px;
	width:180px;
	height:40px;
}

/*////////////////////////////////////////////////
=globalnavi設定
////////////////////////////////////////////////*/
#headerArea ul#gnavi{
	width:950px;
	height:39px;
	list-style:none;
	clear:both;
	margin:5px 0px 0px 0px;
	padding:0;
}
#headerArea ul#gnavi li{
	list-style:none;
	float:left;
	padding:0;
	margin:0;
}
#headerArea ul#gnavi li a{
	height:39px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}
#headerArea ul#gnavi li#gnavi01{
	width:69px;
	background-image: url(../images/common/mn01_on.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi01_on{
	width:69px;
	background-image: url(../images/common/mn01_on.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi01 a{
	width:69px;
	background-image: url(../images/common/mn01_off.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi01 a:hover{
	background:none;
}
#headerArea ul#gnavi li#gnavi02{
	background-image: url(../images/common/mn02_on.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi02_on{
	width:181px;
	background-image: url(../images/common/mn02_on.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi02 a{
	width:181px;
	background-image: url(../images/common/mn02_off.gif);
}
#headerArea ul#gnavi li#gnavi02 a:hover{
	background:none;
}
#headerArea ul#gnavi li#gnavi03{
	background-image: url(../images/common/mn03_on.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi03_on{
	width:107px;
	background-image: url(../images/common/mn03_on.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi03 a{
	width:107px;
	background-image: url(../images/common/mn03_off.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi03 a:hover{
	background:none;
}
#headerArea ul#gnavi li#gnavi04{
	background-image: url(../images/common/mn04_on.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi04_on{
	width:108px;
	background-image: url(../images/common/mn04_on.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi04 a{
	width:108px;
	background-image: url(../images/common/mn04_off.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi04 a:hover{
	background:none;
}
#headerArea ul#gnavi li#gnavi05{
	background-image: url(../images/common/mn05_on.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi05_on{
	width:119px;
	background-image: url(../images/common/mn05_on.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi05 a{
	width:119px;
	background-image: url(../images/common/mn05_off.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi05 a:hover{
	background:none;
}
#headerArea ul#gnavi li#gnavi06{
	background-image: url(../images/common/mn06_on.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi06_on{
	width:107px;
	background-image: url(../images/common/mn06_on.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi06 a{
	width:107px;
	background-image: url(../images/common/mn06_off.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi06 a:hover{
	background:none;
}
#headerArea ul#gnavi li#gnavi07{
	background-image: url(../images/common/mn07_on.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi07_on{
	width:141px;
	background-image: url(../images/common/mn07_on.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi07 a{
	width:141px;
	background-image: url(../images/common/mn07_off.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi07 a:hover{
	background:none;
}
#headerArea ul#gnavi li#gnavi08{
	background-image: url(../images/common/mn08_on.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi08_on{
	width:118px;
	background-image: url(../images/common/mn08_on.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi08 a{
	width:118px;
	background-image: url(../images/common/mn08_off.gif);
	background-repeat: no-repeat;
}
#headerArea ul#gnavi li#gnavi08 a:hover{
	background:none;
}

/*////////////////////////////////////////////////
=ぱんくず設定
////////////////////////////////////////////////*/
#pan{
	width:950px;
	margin:5px 20px 0px 20px;
	text-align:left;
}

/*////////////////////////////////////////////////
=contents設定
////////////////////////////////////////////////*/
#contents_top{
	width:950px;
	margin-top:15px;
}
#contents{
	width:950px;
	margin-top:5px;
}
#left{
	width:250px;
	text-align:left;
	float:left;
}
#right{
	width:680px;
	float:right;
	text-align:left;
}
/*////////////////////////////////////////////////
=leftmenu設定
////////////////////////////////////////////////*/
#feature{
	width:250px;
	background-image:url(../images/common/ttl_feature.jpg);
	background-repeat:no-repeat;
	padding-top:27px;
}
#feature ul{
	list-style:none;
	margin:0;
	padding:0;
}
#feature ul li{
	list-style:none;
	padding:0;
	margin:0;
}
#feature ul li a{
	width:250px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}
#feature ul li#left_navi01{
	background-image: url(../images/common/feature01_on.jpg);
	background-repeat: no-repeat;
}
#feature ul li#left_navi01 a{
	height:48px;
	background-image: url(../images/common/feature01_off.jpg);
	background-repeat: no-repeat;
}
#feature ul li#left_navi01 a:hover{
	background:none;
}
#feature ul li#left_navi02{
	background-image: url(../images/common/feature02_on.jpg);
	background-repeat: no-repeat;
}
#feature ul li#left_navi02 a{
	height:51px;
	background-image: url(../images/common/feature02_off.jpg);
	background-repeat: no-repeat;
}
#feature ul li#left_navi02 a:hover{
	background:none;
}
#feature ul li#left_navi03{
	background-image: url(../images/common/feature03_on.jpg);
	background-repeat: no-repeat;
}
#feature ul li#left_navi03 a{
	height:51px;
	background-image: url(../images/common/feature03_off.jpg);
	background-repeat: no-repeat;
}
#feature ul li#left_navi03 a:hover{
	background:none;
}
#feature ul li#left_navi04{
	background-image: url(../images/common/feature04_on.jpg);
	background-repeat: no-repeat;
}
#feature ul li#left_navi04 a{
	height:52px;
	background-image: url(../images/common/feature04_off.jpg);
	background-repeat: no-repeat;
}
#feature ul li#left_navi04 a:hover{
	background:none;
}
#feature ul li#left_navi05{
	background-image: url(../images/common/feature05_on.jpg);
	background-repeat: no-repeat;
}
#feature ul li#left_navi05 a{
	height:52px;
	background-image: url(../images/common/feature05_off.jpg);
	background-repeat: no-repeat;
}
#feature ul li#left_navi05 a:hover{
	background:none;
}
#feature ul li#left_navi06{
	background-image: url(../images/common/feature06_on.jpg);
	background-repeat: no-repeat;
}
#feature ul li#left_navi06 a{
	height:52px;
	background-image: url(../images/common/feature06_off.jpg);
	background-repeat: no-repeat;
}
#feature ul li#left_navi06 a:hover{
	background:none;
}

#plan{
	width:250px;
	background-image:url(../images/common/ttl_plan.jpg);
	background-repeat:no-repeat;
	margin-top:15px;
	padding-top:27px;
}
#plan img{
	margin-top:10px;
}

#example{
	width:250px;
	background-image:url(../images/common/ttl_example.jpg);
	background-repeat:no-repeat;
	margin-top:15px;
	padding-top:27px;
}
#example img{
	margin-top:10px;
}

/*////////////////////////////////////////////////
=ページタイトル設定
////////////////////////////////////////////////*/
h3{
	margin:0 0 15px 0;
	padding:0;
}
/*////////////////////////////////////////////////
=ページトップ設定
////////////////////////////////////////////////*/
#pagetop{
	margin:15px auto auto auto;
	width:950px;
	text-align:right;
}
/*////////////////////////////////////////////////
=footer設定
////////////////////////////////////////////////*/
#footerArea{
	margin:15px auto 20px auto;
	width:950px;
}
#footer_contact{
	width:950px;
	height:70px;
	background-image:url(../images/common/tell_bottom.jpg);
	background-repeat:no-repeat;
	position:relative;
}
#footer_contact #btn_contact{
	position:absolute;
	top:18px;
	right:135px;
}

#footermenu{
	margin:15px auto auto auto;
	width:950px;
	text-align:center;
	line-height:180%;
}
#footermenu a{
	color:#00B3F1;
	text-decoration:none;
}
#footermenu a:hover{
	color:#00B3F1;
	text-decoration:underline;
}
#copy{
	border-top:1px solid #E3E3E3;
	padding-top:10px;
	margin-top:15px;
	text-align:center;
}