@charset "utf-8";
/*
Theme Name: Media Pro Inc.
Description: Media Pro's theme
Version: 1.0
Author: Satoko Hayashi
*/

/*------------------------
common
--------------------------*/
body,div,p,li {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
	font-size:1em;
	line-height:1em;
	font-weight:normal;
}

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

a {
	color:#006699;
	text-decoration:underline;
}

a:hover {
	color:#0099FF;
	text-decoration:underline;
}

img {
	border:0;
}

/*clearfix*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.clear {
	clear:both;
}

/*layout*/

body {
	font-size:85%;
	line-height:1;
	text-align:center;
	color:#333333;
	background-color:#FFFFFF;
	background-image:url(images/bg.gif);
}

#container {
	width:960px;
	margin:15px auto;
	text-align:left;
	background-color:#FFFFFF;
	border:4px solid #CDDBFB;
}

#header {
	margin:10px 30px;
}

#gnavi {
	margin:0px 30px;
}

#pankuzu {
	margin:10px 30px;
}

#pagebody {
	margin:30px 30px;
}

#alpha {
	float:left;
	width:600px;
}

#beta {
	float:right;
	width:270px;
}

#footer {
	margin:15px 30px;
}

/*header*/
#header h1#description {
	margin-bottom:10px;
	font-size:0.85em;
	line-height:1.3;
}
#header h1#logo {
	background-image:url(images/header.jpg);
	height:147px;
	border-top:1px solid #000066;
	border-bottom:1px solid #000066;
	text-indent:-9999px;
}

/*gnavi*/
#gnavi {
	border-bottom:1px solid #CDDBFB;
}
#gnavi ul {
	float:right;
}

#gnavi li {
	display:inline;
}

#gnavi li a {
	display:block;
	float:left;
	padding:5px 10px;
	font-size:11px;
	line-height:12px;
	color:#999999;
	font-weight:bold;
	text-decoration:none;
}

#gnavi li a:hover {
	background-color:#CDDBFB;
	text-decoration:underline;
	color:#333333;
}

/*pankuzu*/
#pankuzu {
	font-size:11px;
	line-height:12px;
	padding-bottom:5px;
	border-bottom:1px solid #CDDBFB;
}


/**/
.toppage .catchcopy {
	font-size:1em;
	line-height:1.6;
	margin-bottom:30px;
}

.toppage h2.subt1 {
	font-size:1.1em;
	line-height:1.4;
	font-weight:bold;
	background-color:#CDDBFB;
	padding:3px 5px;
	margin-bottom:10px;
}

.toppage .topics {
	margin-bottom:30px;
}

.toppage .topics td {
	font-size:1em;
	line-height:1.4;
	padding:0px 10px 3px 0;
	vertical-align:top;
}
.toppage .topics td.date {
	color:#FF6600;
	white-space:nowrap;
}

/*  ---- jisseki */
.works-block {
	margin-bottom:20px;
	border-bottom:1px dotted #6699CC;
	padding-bottom:10px;
}

.works-block .capture {
	float:left;
	width:220px;
}
.works-block .textArea {
	float:right;
	width:370px;
}


.works-block .capture img {
	padding:3px;
	border:1px solid #CCCCCC;
	margin:0 10px 10px 0;
}

.works-block h3 {
	color:#003399;
line-height:1.4;
	margin-bottom:10px;
}

.works-block p {
	font-size:0.9em;
	line-height:1.4;
	margin-bottom:5px;
}

.toppage .topics .link,
.toppage .works .link  {
	text-align:right;
	font-size:0.85em;
	line-height:1.4;
	color:#FF6600;
}
.toppage .topics .link a,
.toppage .works .link a {
	color:#666666;
	text-decoration:underline;
}

.toppage .topics .link a:hover,
.toppage .works .link a:hover {
	color:#FF6600;
	text-decoration:underline;
}


/*h2.pagetitle*/
.pageContent h2.pagetitle {
	font-size:1.2em;
	line-height:1.4;
	font-weight:bold;
	color:#333333;
	padding:10px;
	margin-bottom:20px;
	background-color:#CDDBFB;
}
.cateContent h2.pagetitle {
	font-size:1.2em;
	line-height:1.4;
	font-weight:bold;
	color:#333333;
	padding:10px;
	margin-bottom:20px;
	background-color:#CDDBFB;
}


.singleContent h2.pagetitle {
	font-size:1.2em;
	line-height:1.4;
	font-weight:bold;
	color:#333333;
	padding:10px 0;
	margin-bottom:20px;
}

/* ---- Table style */
#content table.tb1 {
	margin:10px 0;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	width:100%;
}

#content table.tb1 td,
#content table.tb1 th {
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
	padding:3px 10px;
	font-size:1em;
	line-height:1.4;
}

#content table.tb1 th {
	width:1%;
	white-space:nowrap;
	font-weight:normal;
	background-color:#EEEEEE;
}

/* ---- Single post */
.entry {
	font-size:1em;
	line-height:1.4;
}

.entry .entryDate {
	font-size:0.9em;
	line-height:1.4;
	color:#666666;
	padding-bottom:3px;
	margin-bottom:5px;
	border-bottom:1px dotted #CCCCCC;
}

.entry p {
	margin-bottom:10px;
}

.entry .entryMeta {
	text-align:right;
	border-top:1px dotted #CCCCCC;
	margin-top:30px;
	padding-top:3px;
	font-size:0.85em;
	color:#666666;
}

/* ---- category */

.cateContent td {
	font-size:1em;
	line-height:1.4;
	padding:0px 10px 3px 0;
	vertical-align:top;
}
.cateContent td.date {
	color:#FF6600;
	white-space:nowrap;
}


.cateCatch {
	font-size:1em;
	line-height:1.6;
	margin-bottom:15px;
}
.cateContact {
	font-size:1em;
	line-height:1.6;
	margin-bottom:15px;
	border:1px dashed #CCCCCC;
	padding:10px 20px;
}


/* ---- page */
.pageContent .entry h3 {
	font-size:1.2em;
	line-height:1.4;
	margin-bottom:10px;
	font-weight:bold;
	color:#003399;
}
.mapArea {
	margin-bottom:20px;
}

.addressArea {
	font-size:1em;
	line-height:1.4;
	margin-bottom:20px;
}

/* ---- Sidebar */

#sidebar {}

#sidebar a			{color: #333; }
#sidebar a img		{border: none; }

#sidebar h4,
#sidebar h5			{color: #327eb0; letter-spacing: -1px; margin: 25px 0 5px 0;}

#sidebar h4			{font-size: 1em;}

#sidebar h5			{font-size: 13px;}

#sidebar ul	{
	margin: 10px 0 10px 5px;
}
#sidebar ul li {
	padding-left: 15px;
	background-image:url(images/icon01.gif);
	background-position:0 3px;
	background-repeat:no-repeat;
	line-height:1.3;
	font-size:1em;
	margin-bottom:6px;
}
#sidebar ul li .date {
	font-size:0.85em;
	color:#999999;
}

#sidebar ol			{margin: 10px 0 10px 5px; list-style: decimal inside;}


#sidebar .catchcopy {
	border:1px solid #006699;
	background-color:#DFEEF5;
	padding:5px 10px;
	font-size:1em;
	line-height:1.4;
	color:#666666;
}

#sidebar .bnrArea {
	margin-top:25px;
}

#sidebar .bnr {
	margin-bottom:10px;
}

/*footer*/
#footer {
	border-top:1px dotted #CCCCCC;
	padding-top:5px;
}
#footer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	text-align:right;
}


/*404 error*/

.error_left {
	background-color:#91ABE5;
	padding:10px;
	margin-bottom:10px;
	color:#FFFFFF;
	font-size:1.3em;
	line-height:1.4;
	font-weight:bold;
}

.error_right {
	margin:0;
	text-align:left;
	font-size:1.1em;
	line-height:1.8;
}


.home {
	margin:10px 10px 0 0;
}