@charset "utf-8";

/* ========================================================================================================================/
	
	Document    : common.css
	Description : 共通css

/======================================================================================================================== */


/* ------------------------------------------------------------------------------------------------------------------------/
   include
/------------------------------------------------------------------------------------------------------------------------ */

@import url("./basic.css");
@import url("./custom/margin.css");
@import url("./custom/padding.css");
@import url("./custom/width.css");


/* ------------------------------------------------------------------------------------------------------------------------/
   base
/------------------------------------------------------------------------------------------------------------------------ */

body {
	min-width:1000px;
	color:#232323;
	line-height:160%;
	background:#ffffff url("../image/layout/bg.gif") left top repeat;
	font-size:14px;
	}

a:link 		{ color:#ec5c84; text-decoration:underline; }
a:visited 	{ color:#ee6c91; text-decoration:underline; }
a:hover 	{ color:#e94371; text-decoration:none; }

#container {
	width:100%;
	text-align:center;
	margin:0 auto;
	}


/* ------------------------------------------------------------------------------------------------------------------------/
   header
/------------------------------------------------------------------------------------------------------------------------ */

header {
	width:100%;
	height:110px;
	background:transparent url("../image/header/bg.jpg") left top repeat-x;
	box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
	-moz-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
	-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
	}
	header .inner {
		position:relative;
		width:1000px;
		height:110px;
		text-align:left;
		background:transparent url("../image/header/bg.png") right 34px no-repeat;
		margin:0 auto;
		}
		header .inner h1 {
			position:absolute;
			top:43px;
			left:0;
			}
		header .inner p.theme {
			position:absolute;
			top:20px;
			left:0;
			color:#ffffff;
			}
		header .inner p.comment {
			position:absolute;
			top:20px;
			left:290px;
			color:#ffffff;
			line-height:150%;
			}

/* ------------------------------------------------------------------------------------------------------------------------/
   contents
/------------------------------------------------------------------------------------------------------------------------ */

#contents {
	position:relative;
	width:1000px;
	margin:30px auto 0 auto;
	}


/* ------------------------------------------------------------------------------------------------------------------------/
   main
/------------------------------------------------------------------------------------------------------------------------ */

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

	#main h2 {
		box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
		-moz-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
		-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
		}

	#main h3 {
		font-size:15px;
		text-align:left;
		box-sizing:border-box;
		background:#efefef url("../image/layout/ic02.gif") 20px center no-repeat;
		border:solid 1px #cccccc;
		box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
		-moz-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
		-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
		margin:20px 0 0 0;
		padding:7px 10px 7px 40px;
		}


/* ------------------------------------------------------------------------------------------------------------------------/
   side
/------------------------------------------------------------------------------------------------------------------------ */

#side {
	float:right;
	width:250px;
	}

	#side section {
		text-align:left;
		box-sizing:border-box;
		background:#ffffff;
		border:solid 3px #0059b2;
		box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
		-moz-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
		-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
		}
		#side section h2 {
			text-align:center;
			background:#0059b2;
			padding:8px 0 15px 0;
			}
		#side section ul {
			list-style:none;
			}
			#side section li {
				border-top:dotted 1px #cccccc;
				}
			#side section li:first-child {
				border-top:none;
				}
				#side section li a {
					display:block;
					color:#232323;
					background:transparent url("../image/layout/ic01.png") 10px center no-repeat;
					text-decoration:none;
					padding:7px 0 4px 25px;
					}
				#side section li a:hover {
					color:#ec5c84;
					}


/* ------------------------------------------------------------------------------------------------------------------------/
   footer
/------------------------------------------------------------------------------------------------------------------------ */

footer {
	width:100%;
	height:55px;
	background:#0059b2;
	margin:70px 0 0 0;
	padding:20px 0 0 0;
	}
	footer .inner {
		width:1000px;
		height:55px;
		margin:0 auto;
		}
	footer .copyright {
		background:#efefef;
		border-top:solid 1px #cccccc;
		border-bottom:solid 1px #cccccc;
		padding:1px 0 0 0;
		}


/* ------------------------------------------------------------------------------------------------------------------------/
   expansion
/------------------------------------------------------------------------------------------------------------------------ */

.submit {
	position:relative;
	display:block;
	clear:both;
	width:100%;
	text-align:center;
	margin:0 auto;
	z-index:9999;
	}
	.submit button,
	.submit a {
		float:none !important;
		display:inline-block !important;
		width:auto !important;
		height:auto !important;
		color:#2e2e2e;
		text-decoration:none;
		box-sizing:border-box;
		background:#f7f6f4 url("../image/layout/ic01.png") 17px center no-repeat;
		border:solid 1px #cccccc !important;
		box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
		-moz-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
		-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
		margin:0 !important;
		padding:7px 15px 7px 30px;
		cursor:pointer;
		}
	.submit button:hover,
	.submit a:hover {
		color:#ffffff;
		box-sizing:border-box;
		background:#ee6c9e url("../image/layout/ic02.png") 17px center no-repeat;
		border:solid 1px #ee6c9e !important;
		}

/* パンくず背景有り
#bread {
	display:block;
	width:1000px;
	text-align:left;
	box-sizing:border-box;
	border:solid 1px #cccccc;
	background:#f7f6f4;
	box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
	-moz-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
	-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.15);
	margin:20px auto -10px auto;
	list-style:none;
	}
	#bread li {
		float:left;
		line-height:30px;
		background:transparent url("../image/layout/bread_arrow.png") left center no-repeat;
		padding:0 0 0 35px;
		}
	#bread li:first-child {
		background:transparent url("../image/layout/bread_home.png") 10px center no-repeat;
		padding:0 0 0 35px !important;
		}
*/
#breadcrumbs {
	display:block;
	width:1000px;
	text-align:left;
	margin:30px auto -10px auto;
	}
	#breadcrumbs ul {
		list-style:none;
		}
		#breadcrumbs ul li {
			float:left;
			line-height:30px;
			padding:0 0 0 15px;
			}
		#breadcrumbs ul li:before {
			float:left;
			display:block;
			content:"≫";
			margin:0 15px 0 0;
			}
		#breadcrumbs ul li:first-child {
			background:transparent url("../image/layout/bread_home.png") 0 6px no-repeat;
			margin:0;
			padding:0 0 0 25px !important;
			}
		#breadcrumbs ul li:first-child:before {
			float:none !important;
			display:none !important;
			content:"" !important;
			margin:0 !important;
			}

.pager {
	clear:both;
	text-align:left;
	list-style:none;
	margin:0 0 20px 0;
	}
	.pager li {
		float:left;
		margin:0 10px 0 0;
		}
	.pager li a {
		position:relative;
		display:inline-block;
		width:2em;
		color:#121212;
		text-align:center;
		font-weight:bold;
		text-decoration:none;
		background:#ededed;
		border:solid 1px #cccccc !important;
		padding:4px 1px 3px 1px;
		}
	.pager li a:hover {
		color:#ffffff !important;
		background:#ec5c84 !important;
		border:solid 1px #ec5c84 !important;
		}
	.pager li.stay {
		position:relative;
		display:inline-block;
		width:2em;
		color:#ffffff !important;
		text-align:center;
		font-weight:bold;
		background:#ec5c84 !important;
		border:solid 1px #ec5c84 !important;
		padding:4px 1px 3px 1px;
		}