/*
Theme Name: CRIUS LLC.
Theme URI: 
Description: PPCアフィリエイト用テーマ
Version: 1.0
Author: CRIUS LLC.
Author URI: 
*/
@import url("reset.css");

body{
	margin:0;
	padding:0;
}
#index #over{
	padding:0 0 50px 0;
	
}
#bread{
	text-align:right;
	font-size:80%;
	margin-bottom:20px;
}



#contents{
	width:900px;
	margin:0px auto;
	padding:30px 0 0 0;
	background:#fff;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5);
}


#header{
	background:#000;
	width:0 auto;
	height:90px;
	margin-bottom:0px;
	position:relative;
	min-width:900px;

-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5);
	box-shadow:
		0px 6px 10px rgba(000,000,000,0.3);
}

#header p.desc{
	color:#fff;
}
#header p.siteTitle{
    position: relative;
    background-position: center;
    top: 30px;
    padding: 0 50px;
    margin: 0 auto;
    font-size: 150%;
    font-weight: bold;
    color: #fff;
    margin: 0 auto;
	width:800px;

	
}



#header p.siteTitle a{
	color:#fff;
	text-decoration:none;
}
#header p.siteTitle1 a{
	color:#fff;
	text-decoration:none;
}
#main{
	width:800px;
	margin:0 50px;
	padding:0 0 50px 0;

}

a:hover {
    color: #000;
    text-decoration: none;
}
.image post cl a:visited {
    color: #f602ff;
	font-size:150%;
	font-weight:bold;
}
.image post cl a:link {
    color: #f602ff;
	font-size:150%;
	font-weight:bold;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++
#index
+++++++++++++++++++++++++++++++++++++++++++++++*/

#index #main{
	width:720px;
	margin:0 10px;
	padding:20px 0;
}
#index #main #sideCol{
	width:210px;
	float:left;
	margin-right:20px;
}

	#index #main #sideCol h2{
		padding:10px;
		text-align:center;
		font-weight:bold;
		font-size:16px;
		color:#fff;
	}

	#index #main #sideCol ul {
	list-style: none;
	overflow: hidden;
	width: 208px;
	padding: 0;
	border:1px solid #ccc;
}
	#index #main #sideCol ul li {
	list-style: none;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}
	#index #main #sideCol ul li:last-child {
	border-bottom: 0px;
}
	#index #main #sideCol ul li a {
	display: block;
	position: relative;
	z-index: 10;
	height: 40px;
	margin: 0;
	padding: 0px 10px 0px 30px;
	background: -moz-linear-gradient(
		top,
		#fffff 0%,
		#fffff 50%,
		#f7f7f7 51%,
		#f1f1f1);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ffffff),
		color-stop(0.51, #f7f7f7),
		to(#f1f1f1));
	color: #333;
	font-size: 14px;
	line-height: 40px;
	text-decoration: none;
}
	#index #main #sideCol ul li a:hover {
	background: -moz-linear-gradient(
		top,
		#f1f1f1 0%,
		#f7f7f7 50%,
		#fff 51%,
		#fff);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#f1f1f1),
		color-stop(0.50, #f7f7f7),
		color-stop(0.51, #fff),
		to(#fff));
}


	#index #main #sideCol ul li a:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 10px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
}
	#index #main #sideCol ul li a:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 5px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background:#fff;
}
	#index #main #sideCol ul li a:hover:after {
	background: #fff;
}


	
#index #main #mainCol{
	width:470px;
	float:right;
}

	#index #main #mainCol .post{
		width:460px;
		float:left;
		border-top:6px double #ffc2fd;
		border-bottom:6px double #ffc2fd;
		margin:0 30px 10px 0;
		padding:5px;



	


	}
	#index #main #mainCol .cl{
		clear:left;
	}

#index #main #mainCol .post a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++*/




#main .menu{
	clear:both;
	text-align:center;
	padding:30px 0;
}
#main .menu li{
	display:inline;
	
}

#main h1.title{
	font-size: 120%;
	padding:10px;
	
	font-weight:bold;
	color:#090909;
}

.toph2 a,a:visited {
	font-weight:bold;
	color:#090909;
	font-size: 150%;
	margin:20px 0 30px 0;
}

#eyeCatch{
	text-align:center;
	margin-bottom:30px;
}
#eyeCatch a:hover img{
	margin-top:-2px;
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}

.btn{height:100px;
	width:60px;
	
}




#btnCont p{
	
	width:374px;
	height:105px;
	padding-right: 20px;
	margin:0 auto 30px auto;
	font-size: 24px;
	z-index:2;
}






#btnCont p a{
	position:relative;
	display:block;
	text-decoration:none;
	text-align:center;
	padding:15px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 90px;
		 	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);


	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
	z-index:1;
}
#btnCont p a:hover {
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(000,000,000,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(000,000,000,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(000,000,000,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
	z-index
}


#main .tableCont table{
	width:798px;
	border:1px solid #ccc;
}
#main .tableCont table th,
#main .tableCont table td{
	padding:10px;
	border:1px solid #ccc;
}
#main .tableCont table th{
	text-align:left;
	background: -moz-linear-gradient(
		top,
		#FFFFF0 0%,
		##FFFBF0);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#FFFFF0),
		to(#FFF5DB));
}
#main .tableCont table th.th01,
#main .tableCont table th.th02{
	width:20%;
}
#footer{
	padding:50px 0;
	text-align:center;
}

.image img{
width:150px;
height:150px;
margin:0 auto;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
	float:left;
}

/*------------------------------------------------------------
　追加css
-------------------------------------------------------------*/

#header1 p.desc{
	color:#fff;
}
#header1 p.siteTitle{
	font-size:150%;
	font-weight:bold;
	color:#fff;
}
#header1 p.siteTitle a{
	color:#fff;
	text-decoration:none;
}



#main-contents  h2.post-title{
	margin-bottom: 0.5em;
	font-size:30px;
	color:#fff;
}




.pagetitle{padding:20px 5px;
	margin-bottom: 0.5em;
	font-size:18px;
	color:#000;
	
	
}

#contents1{
	width:750px;
	margin:0px auto;
	padding:30px 0 0px 0;
	background:#fff;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5);
}

#pad-top{padding:50px 0 0 0;
	
}

.img{
	position:relative;
	top:-66px;
	z-index:0;
}