/*
Theme Name: PCC
*/


@charset "utf-8"
/* COMMON
------------------------------------------------*/
html,body{
	background-image: url(../images/back01.jpg);
	width: 100%;
	background: #fefefe;
	}

body {
	font: 14px "メイリオ","Meiryo","ヒラギノ角ゴ Pro w3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif;
	*font-size: small;
	*font: x-small;
	color: #222;
	line-height: 1.5;
}

#header {
	width: 100%;
	margin: 0 auto;
	border-top: 3px solid #1c567f;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
	background: url(../images/bg_head.jpg) repeat-x;
}
#header h1 a {
	text-decoration: none;
	color: #222;
}
#head-inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#head-top {
	padding-top: 20px;
	padding-bottom: 20px;
}
#header h1 {
	font-size: 200%;
	font-weight: bold;
}
#twitter {
	position: absolute;
	bottom: 30px;
	right: 0;
}
#search-wrap {
	position: absolute;
	right: 0;
	top: 15px;
}
input.search {
	border: solid 1px #ccc;
	padding: 5px;
}

input.button {
	padding: 5px;
	border: 0;
	color: #696969;
	background-color: #f7f7f7;
	border-color: #f7f7f7;}

#g-nav {
	border-left: 1px solid #ccc;
}
#g-nav li {
	float: left;
	width: 120px;
	text-align: center;
	border-right: 1px solid #ccc;}

#g-nav li a {
	display: block;
	text-decoration: none;
	height: 50px;
	padding-top: 10px;
	margin: 0 5px 5px 5px;
	border-radius: 5px;
	color: #222;
	font-weight: bold;
	background: url(images/g_arrow.png) 50% 85% no-repeat;
	-webkit-transition-duration: 0.20s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-duration: 0.20s;
	-moz-transition-timing-function: ease-out;
}
#g-nav li a:hover {
	color: #007aab;
	background: url(images/g_arrow.png) 50% 95% no-repeat #f7f6f4;
}

#head-img {
	width: 970px;
	margin: 0 auto 30px;
	text-align: center;
}

#content {
	width: 960px;
	margin: 0 auto 120px;
	padding-top: 50px;
	position: relative;
}
#content p {
	font-size: 100%;
}

#link-list {
	position: absolute;
	top: 0;
	left: 0;
}

#link-list li{
	float: left;
	width: 222px;
	margin-right: 18px;
	font-size: 100%;
}

#link-list li:last-child{
	margin-right: 0;
}

#link-list li a{
	display: block;
	width: 100%;
	height: 80px;
	line-height: 80px;
	text-align: center;
	text-decoration: none;
	color: #fefefe;
	font-weight: bold;
	border: 1px solid #efefef;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}

#win10 {
	background: url(images/win8.png) 5% 50% no-repeat #41C200;
}
#win8 {
	background: url(images/win8.png) 5% 50% no-repeat #41C2F3;
}
#win7 {
	background: url(images/win7.png) 5% 50% no-repeat #BAD80A;
}
#list-last {
	background: #875fc9;
}
#link-list li a:hover {
	color: #444;
}

#content h2 {
	border-bottom: 1px solid #1c567f;
	font-size: 143%;
	font-weight: bold;
	padding-bottom: 5px;
	margin-top: 50px;
	margin-bottom: 25px;
}

.news-box{
	float: left;
	width: 470px;
	margin-right: 20px;
}
.news-box li {
	font-size: 116%;
}
#content .news-box h2 {
	background: #f2f2f2;
	padding: 10px 0;
	text-indent: 1em;
	margin-bottom: 15px;
	border-left: 5px solid #1c567f;
	border-bottom: 0;
}

#news-list li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #aaa;
}
#news-list li a {
	color: #007aab;
	text-decoration: none;
}
#news-list li a:hover {
	color: #52aacd;
}

.sub-box {
	margin-top: 50px;
	float: right;
	width: 470px;
}

table{
	border-collapse: collapse;
	margin-top: 15px;
}

td{

	padding: 0.5em;
}

/*sidebar,other contents
----------------------------------------------------*/

#main {
	width: 700px;
	float: left;
	margin-top: -50px;
}

#main1{
	width: 960px;
	margin-top: -50px;
}

#sidebar {
	float: right;
	width: 260px
}

#side-list {
	width: 200px;
	margin: 10px auto 0 auto;
}

#sidebar li a{
	margin-top: 30px;
	display: block;
	padding: 20px 0;
	color: #fff;
	text-align: center;
	font-size: 120%;
	text-decoration: none;
	margin-bottom: 10px;
}

#sidebar #win7,
#sidebar #win8,
#sidebar #win10,
#sidebar #list-last {
	font-size: 100%;
	border-radius: 3px;
}

#sidebar #win7 {
	background: #bad80a;
}

#sidebar #win8 {
	background: #41c2f3;
}

#sidebar #win10 {
	background: #41c200;
}

#sidebar #list-last {
	background: #875fc9;
}

#sidebar #win7:hover,
#sidebar #win8:hover,
#sidebar #win10:hover,
#sidebar #list-last:hover {
	opacity: .8;
}

/*after
-----------------------------------------------------*/
#main2{
	width: 960px;
	margin-top: -50px;
}

#main2-left{
	float: left;
}

#main2-right{
	width: 600px;
	float: right;
}

/*footer
----------------------------------------------------*/
#footer{
	text-align: center;
	clear: both;
	width: 100%;
	background: #1c567f;
	color: #fff;
	padding: 5px 0;
	position: relative;
}

#menu-css li{
	text-align: center;
	display: inline-block;
	margin-right: 3px;
	list-style-type: none;}


#page-top a {
	display: block;
	background: #1c567f;
	text-decoration: none;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: 20px;
	padding: 10px;
	right: 20px;
}


/*Windows8-css
------------------------------------------------*/

#sub_content8{
	margin-bottom: 40px;}

.sub_content_left{
	width: 250px;
	margin-right: 20px;
	float: left;
	height: 500px;
	background: #ccc;}

.sub_content_right{
	float: right;
	width: 650px;
	height: 500px;
	border: solid 1px #ccc;}

.sub_content_right:last-child{
	margin-right: 0;}

li.new1{
	text-align: center;
	font-size: 20px;
	margin-top: 20px;}

li.new1 a{
	text-decoration: none;}

li.new1 a:hover{
	color: #ff0000;}

/*Windows7-css
-----------------------------------------------*/

#sub_content7{
	margin-bottom: 120px;}

.sub_content_left7{
	width: 250px;
	margin-right: 20px;
	float: left;
	height: 500px;
	background: #ff66cc;}

.sub_content_right7{
	float: right;
	width: 650px;
	height: 500px;
	border: solid 1px #ccc;}

.sub_content_right7:last-child{
	margin-right: 0;}

li.new1{
	text-align: center;
	font-size: 20px;
	margin-top: 20px;}

li.new1 a{
	text-decoration: none;}

li.new1 a:hover{
	color: #ff0000;}


/*mail.php
-----------------------------------------------*/

#title1 p{
	font-size: 30px;
	border-bottom: solid 1px;
	padding-top: 20px;}

#mail {
	padding-top: 35px;}

#mail a {
	text-decoration: none;}



/*修理用リンク
------------------------------------------------*/
#repair-list a{
	text-decoration: none;
}