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

* {
	margin:0;
	padding:0;
}

body {
	background-color:#FFFFFF;
	background:url(../img_15th/bg_body.gif) top left repeat;
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

img, table, th, td {
	border:none;
	margin:0;
	padding:0;
}

ul, ol {
	margin:0;
	padding:0;
	list-style-type:none;
}

textarea,select,input {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

textarea {
 font-size:12px;
}

hr {
	display:none;
}

a {
	color:#3366CC;
	text-decoration:none;
}

a:link {
	color:#3366CC;
	text-decoration:none;
}

a:hover {
	color:#3399CC;
	text-decoration:underline;
}

#contents li img {
	background-color:transparent;
	text-decoration:none;
}

#contents a img {
	background-color:transparent;
}

#contents a:hover img {
	background-color:transparent;
	text-decoration:none;
}

img.icon {
	vertical-align:middle;
}

#contents p {
	line-height:140%;
	margin:0;
	padding:0 0 5px 0;
	word-break:break-all;
}






/* clearfix */
.clearfix:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	font-size:0.1em;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
	min-height:1%;
}

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








/* br clear */
br.clear_noie, 
div.clear_noie {
	display:inline !important;
	display:none;
	clear:both;
	line-height:0px;
}
br.clear_all {
	clear:both;
	line-height:0px;
}



/* wrap */
#wrapper {
background:url(../img_15th/bg_header_img.jpg) top left no-repeat;
width:1024px;
}

/* header */
#header {
border-top:#CCC 1px solid;
height:449px;
width:1024px;
}

/* contents */
#contents {
margin-left:30px;
width:965px;
}

#main {
float:left;
width:711px;
}

#rightArea {
float:right;
width:234px;
}

.tm10 {
margin-top:10px !important;
}

.bm10 {
margin-bottom:10px !important;
}

.bm20 {
margin-bottom:20px !important;
}

.indentRight {
text-align:right;
}

h1 {
	font-size: 115%;
}
h2 {
	font-size: 130%;
}
h3 {
	font-size: 80%;
}

p {
	font-size: 80%;
	line-height:150%;
}

.small {
	font-size: 70%;
	line-height:130%;
}

#contents .head01 {
background:url(../img_15th/h_01.gif) top left no-repeat;
height:45px;
width:711px;
}

#contents .head02 {
background:url(../img_15th/h_02.gif) top left no-repeat;
height:45px;
width:711px;
}

#contents .head02_2 {
margin:25px 0 0 15px;
}

#contents .head03 {
background:url(../img_15th/h_03.gif) top left no-repeat;
height:45px;
width:711px;
}

#contents .head03_2 {
display:block;
padding:10px 0 0 0;
}

#contents .head04 {
background:url(../img_15th/h_04.gif) top left no-repeat;
margin-bottom:14px;
height:40px;
width:238px;
}

#contents .head05 {
background:url(../img_15th/h_05.gif) top left no-repeat;
height:45px;
width:711px;
}

#contents .head06 {
background:url(../img_15th/h_06.gif) top left no-repeat;
height:45px;
width:238px;
}

#contents .head07 {
background:url(../img_15th/h_07.jpg) top left no-repeat;
height:45px;
width:238px;
}

#contents .head08 {
background:url(../img_15th/h_08.gif) top left no-repeat;
height:45px;
width:238px;
}

#contents .head09 {
background:url(../img_15th/h_09.gif) top left no-repeat;
height:45px;
width:238px;
}

#contents .head10 {
background:url(../img_15th/h_10.gif) top left no-repeat;
height:45px;
width:238px;
}

#contents .head11 {
background:url(../img_15th/h_11.gif) top left no-repeat;
height:45px;
width:238px;
}


/* span hidden */
#header .logo span {
font-size:1px;
	text-indent:-9999px;
	overflow:hidden;
}

#header .copy strong {
font-size:1px;
	text-indent:-9999px;
	overflow:hidden;
}

#header .headText span {
font-size:1px;
	text-indent:-9999px;
	overflow:hidden;
}

#contents .head01 span {
font-size:1px;
	text-indent:-9999px;
	overflow:hidden;
}

#contents .head02 span {
font-size:1px;
	text-indent:-9999px;
	overflow:hidden;
}

#contents .head03 span {
font-size:1px;
	text-indent:-9999px;
	overflow:hidden;
}

#contents .head04 span {
font-size:1px;
	text-indent:-9999px;
	overflow:hidden;
}

#contents .head05 span {
font-size:1px;
	text-indent:-9999px;
	overflow:hidden;
}

#contents .head06 span {
font-size:1px;
	text-indent:-9999px;
	overflow:hidden;
}

#contents .head07 span {
font-size:1px;
	text-indent:-9999px;
	overflow:hidden;
}

#contents .head08 span {
font-size:1px;
	text-indent:-9999px;
	overflow:hidden;
}

#contents .head09 span {
font-size:1px;
	text-indent:-9999px;
	overflow:hidden;
}

#contents .head10 span {
font-size:1px;
	text-indent:-9999px;
	overflow:hidden;
}

#contents .head11 span {
font-size:1px;
	text-indent:-9999px;
	overflow:hidden;
}


/* except IE7 */
html>/**/body #header .logo span{ 
	display:block;
}


html>/**/body #header .copy strong{ 
	display:block;
}

html>/**/body #header .headText span{ 
	display:block;
}


html>/**/body #contents .head01 span{ 
	display:block;
}

html>/**/body #contents .head02 span{ 
	display:block;
}

html>/**/body #contents .head03 span{ 
	display:block;
}

html>/**/body #contents .head04 span{ 
	display:block;
}

html>/**/body #contents .head05 span{ 
	display:block;
}

html>/**/body #contents .head06 span{ 
	display:block;
}

html>/**/body #contents .head07 span{ 
	display:block;
}

html>/**/body #contents .head08 span{ 
	display:block;
}

html>/**/body #contents .head09 span{ 
	display:block;
}

html>/**/body #contents .head10 span{ 
	display:block;
}

html>/**/body #contents .head11 span{ 
	display:block;
}


/* header */
#header .logo {
background:url(../img_15th/head_p_logo.gif) top left no-repeat;
display:block;
margin:100px 0 0 35px;
height:31px;
width:150px;
}

#header .copy {
background:url(../img_15th/head_t_01.gif) top left no-repeat;
display:block;
margin:43px 0 0 30px;
height:54px;
width:234px;
}

#header .copy2 {
display:block;
margin:63px 0 0 35px;
}

#header .messege {
display:block;
margin:15px 0 0 35px;
}


#header div.tweet {
background:url(../img_15th/bg_tweetbottom.gif) bottom left no-repeat;
margin:20px 0 0 35px;
width:500px;
}

#header div.twInner {
	background:url(../img_15th/bg_tweettop.gif) top left no-repeat;
	padding:11px 14px 5px 14px;
}

#header div.twBottom {
background:url(../img_15th/head_tweet_line.gif) top left no-repeat;
margin-top:10px;
padding-top:8px;
}

#header div.twBottom p.right {
float:right;
padding-top:5px;
width:325px;
}

#header div.twBottom p.left {
display:block;
float:left;
width:147px;
}

/* contents */
#contents div.block {
clear:both;
margin-bottom:20px;
width:711px;
}

#contents div.blockInner {
	margin:0 0 0 10px;
}


#contents ul.showcase {
display:block;
margin:10px 0 0 0;
width:711px;
}

#contents ul.showcase li {
	float:left;
	margin:0 0 0 14px;
	text-align:left;
	width:160px;
}

#contents ul.showcase li span {
display:block;
font-size:80%;
line-height:130%;
padding:10px 0 0 0;
}


#contents div.blueBox {
background:url(../img_15th/bg_bluebox.gif) top left no-repeat;
margin-top:10px;
height:151px;
width:710px;
}

#contents div.blueBox div.leftBox {
	float:left;
	margin:0 0 0 0;
	width:185px;
}

#contents div.blueBox div.leftBox p {
display:block;
margin:25px 0 0 15px;
}

#contents a.link {
	background:url(../img_15th/icon_linkarrow.gif) center left no-repeat;
	padding-left:15px;
}

#contents div.blueBox div.rightBox {
	float:right;
	margin-top:13px;
	width:495px;
}

#contents div.blueBox div.rightBox ul.service {
}

#contents div.blueBox div.rightBox ul.service li {
float:left;
margin:0 5px 5px 0;
font-size:1px;
line-height:0;
vertical-align:bottom;
}

#contents ul.jigyou {
margin-top:10px;
}

#contents ul.jigyou li {
	font-size:80%;
	display:block;
	float:left;
	margin-right:10px;
	line-height:200%;
	width:275px;
}

#contents ul.jigyou li.long {
margin-right:0px;
width:400px;
}


#contents div.commentBox {
width:700px;
}

#contents div.commentBox div.cbLeft {
float:left;
width:335px;
}

#contents div.commentBox div.cbRight {
float:right;
width:335px;
}

#contents div.commentBox div.cmBlock {
margin:0 0 20px 0;
}

#contents div.commentBox div.cmBlock h3 {
margin-bottom:20px;
}

#contents div.commentBox div.cmBlock p {
	margin-bottom:10px;
	line-height:200%;
}

/* rightArea contents */
#contents div.rightBlock {
margin:0 0 7px 0;
}

#contents div.rightBlock h3 {
display:block;
margin:0 0 7px 0;
}

#contents div.rightBlock p img.mawarikomi {
float:left;
padding:0 5px 5px 0;
}

/* footer */
#footer {
	background:url(../img_15th/footer_bg01.gif) top left no-repeat;
	clear:both;
	margin-top:30px;
	width:1024px;
}

#footer div.bottomNavi {
background:url(../img_15th/footer_line.gif) bottom left no-repeat;
margin-left:30px;
padding-bottom:10px;
width:964px;
}

#footer p.backTop {
display:block;
padding:45px 0 0 0;
text-align:left;
}

#footer p.navi {
display:block;
margin:20px 0 0 0;
text-align:left;
}

#footer div.copyright {
text-align:right;
margin:10px 0 5px 30px;
width:964px;
}

div.rightBlock img.left {
float:left;
}

div.rightBlock img.bnr {
padding:11px;
}