@charset "utf-8";


/*==-----------------------------------------------
CSS Information

 File name:      common.css
 Author:         Crea.,Inc.
 Style Info:     共通部分のスタイル(ヘッダー、フッター、その他パーツ)


-------------------------------------------------*/


/*==-----------------------------------------------
body
-------------------------------------------------*/
html, body {height: 100%;}

body{
background: #F5F5F5;}

/*==-----------------------------------------------
container
-------------------------------------------------*/
#container{
	text-align: center;
	background: url(../../src/pc/image/common/shadow.gif) no-repeat center 0;
	width:950px;
	margin: 0 auto;
	padding: 104px 0 0 0;
}






/*==-----------------------------------------------
#header
-------------------------------------------------*/

#header{
	width:100%;
	text-align: center;
	background: #FFF;
	border-bottom: solid 1px #D5D5D5;
	position: absolute;
	z-index:100;
}

#header .section{
	width:950px;
	height: 84px;
	margin: 0 auto;
	text-align: left;
	position:relative;
}


#header .section h1{
	position:absolute;
	top:13px;
	left:0px;
	width:200px;
	height:53px;
	float:left;
}



#header .section #nav{
	width:72px;
	position:absolute;
	top:0;
	left:260px;
	width:600px;
}
#header .section #nav ul{
margin:8px 0 0 0;
padding:0;
}
#header .section #nav li{
width:130px;
float:left;
margin:0 0 0 0;
padding: 0;
}

#header .section #nav li a{
	text-decoration: none;
line-height:1;
padding: 10px 0 10px 0;
width:100%;
display: block;


}

#header .section #social{
	width: 170px;
	position:absolute;
	top:0;
	right:0px;
}
#header .section #social ul{
margin:8px 0 0 0;
padding:0;
}
#header .section #social li{
	margin: 0 12px 0px 0;
  padding: 0;
  float: left;
  width:30px;
 	height: auto;
}
#header .section #social li img {
	width: 100%;
	height:auto;
}




/*==-----------------------------------------------
navigation
-------------------------------------------------*/

nav{
	width:960px;
	clear:both;
	height: 50px;
	margin:0 auto 10px auto;
	background: #EEE;
}

nav ul li{
	width:12.5%;
	height: 50px;
	float:left;
	background: #CCC;

}
nav ul li a{
	display:block;
	width:100%;
	background-repeat: no-repeat;
	background-color: #ECC;
}
nav ul li a:hover{
	background-color: #CCE;
}



/*==-----------------------------------------------
contents
-------------------------------------------------*/
#contents {
	text-align: left;
}


/*==-----------------------------------------------
contents
-------------------------------------------------*/
#contents {
	width:960px;
	margin: 0 auto;

}


/*==-----------------------------------------------
main
-------------------------------------------------*/
#main{
	width:790px;
	/*float:right;*/
	margin:0 auto;
	padding: 0 0 10px 0;
}

#home #main{
	width:950px;
	float:none;
	padding: 0 0 40px 0;
}

#main .section{
	margin-bottom:20px;
}

#main .aside{
	margin-bottom:30px;
}


.section#uc{
	height:300px;
}

/*==-----------------------------------------------
footer
-------------------------------------------------*/
#footer{
	text-align: center;
	width:100%;
}


#footer p.copyright{
	color: #565e61;
	text-align: center;
	padding: 0 0 20px 0;
}



/*==-----------------------------------------------
sidebar
-------------------------------------------------*/
#contents .aside#sidebar{
	width:200px;
	float:right;
	background: #F3F3F3;

}




/*==banner*/

#sidebar #banner{
}
#sidebar #banner ul{
	margin: 0 0 0 0;
}
#sidebar #banner li{
	margin: 0 0 5px 0;
	padding: 0;
	background: #CCC;
	zoom:1;
}

#sidebar #banner li a img{
	border:0;
	vertical-align:top;
}
#contents .aside#sidebar #banner li:last-child{
	margin: 0 0 0px 0;
}



/*==-----------------------------------------------
breadcrumb
-------------------------------------------------*/

p.breadcrumb{
	font-size: 0.85em;
	margin-bottom: 10px;
}



/*==-----------------------------------------------
pagetop
-------------------------------------------------*/
p.pagetop{
	clear:both;
}
p.pagetop a{
	color: #FFF;
	display:block;
	float:right;

}


/*==-----------------------------------------------
title
-------------------------------------------------*/

#title {
position:relative;
}

#title #category{
height:35px;
position:absolute;
top:16px;
left:170px;
}

#title #category li{
	width:110px;
	height:35px;
	float:left;


}

#title #category li a{
padding:8px 0;
text-decoration:none;
display:block;
width:100%;
height:100%;
text-align: center;
background-image:url(../../src/pc/image/common/category.gif);
background-repeat:no-repeat;
background-position:-110px 0;
font-size:0.625rem;
}

#title #category li a.current,
#title #category li a:hover{
background-position:0px 0;
}




/*==-----------------------------------------------
paging
-------------------------------------------------*/
#paging {
border-top:solid 1px #dbdbdb;
padding:10px 0 0 0;
}
#paging ul{
	margin: 0 0 20px; 0;
	clear:both;
text-align:right;
}

#paging ul li {
padding:0;
	display: inline;
	margin: 0 0 0 10px;
}

#paging ul li a {
	text-decoration:none;
font-size:0.65rem;
}
#paging ul li span {
color: #CCC;
font-size:0.65rem;
}


/*==-----------------------------------------------
social
-------------------------------------------------*/

#contents .aside{
clear:both;
}
#contents .aside ul{
position:relative;

}
#contents .aside li{
position:absolute;

}

#contents .aside li.btn_twitter{
top:0;
right:183px;
}

#contents .aside li.btn_facebook{
top:0;
right:75px;
}

#contents .aside li.btn_line{
top:0;
right:0px;
}


/*==-----------------------------------------------
comming
-------------------------------------------------*/

.soldatention {
	font-size:80%;
	color:#ff0000;
	width: 100px !important;
	height: 35px;
	display:inline-block;
}

.soldatention2 {
	font-size:80%;
	color:#ff0000;
	display:inline-block;
}