﻿/*
Theme Name: SAMPLE
Theme URI: http://www.sazanami-m.com/
Description: SAMPLE
Author: aramaki
*/

body	{
	margin: 0;
	padding: 0;
	text-align: center;
	background-color:#ff6600;
	}

#container {
	width: 740px;
	background-color: #ffffff;
	border-left: solid 1px #ff6600;
	border-right: solid 1px #ff6600;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	}

#main {
	margin: 0 15px;
	}
	
#header  {
	margin: 0 ;
	height: 263px ;
	}

#footer {
　　margin: 0 ;
    height: 140px;
　　}

#info   {
    width: 500px;
	float: left;
	}
	
#schedule   {
	width: 500px;
	float: left;
	}
　　
#content	{
	width: 500px;
	float: left;
	}

#watsnew    {
    width: 500px;
    float: left;
    }

#sidebar	{
	width: 180px;
	float: right;
	margin-left: 30px;
	}

#footer	{
	clear: both;
	}

a	{
	color: #0000ff;
	}


/* ++++++ ヘッダー部分のデザイン ++++++ */

#header	{
	background-color: #ff6600;
	background-image: url(images/top.jpg);
	padding: 7px;
	margin-bottom: 20px;
	}

#header h1	{
	font-size: 1.6em;
	font-family: 'Trebuchet MS',Helvetica,sans-serif;
	margin-top: 20px;
	margin-left: 20px
	}

#header h1 a	{
	color: white;
	text-decoration: none;
	}

#header p	{
	font-size: 0.80em;
	color: #ffffff;
	margin-top: 120px;
	margin-left: 350px;
	margin-right: 8px;
	padding: 5px;
	}
	
#header p a	{
	color: red;
	}
	

/* ++++++ インフォメーション部分のデザイン ++++++ */

#info h1  {
    font-size: 1.5em;
	color: #000000;
	border-style: solid ;
	border-width: 2px 2px 2px 20px;
	border-color: #ff6600;
	padding: 5px 0 5px 30px;
	background-color: #c0c0c0
	}
	
#info  h1 a  {
    font-size: 60%;
    color: #666666;
    padding-left:5px;
    }

#info h2   {
	font-size: 1em;
	color: #000099;
	border-bottom: solid 2px #ff6600;
	background-image: url(images/izari.gif);
	background-repeat: no-repeat;
	padding: 5px 0 3px 50px;
	margin: 0;
	}
	
#info  h2 a  {
    font-size: 75%;
    color: #666666;
    padding-left:5px;
    }
	
#info  h3	{
	font-size: 1em;
	color: red;
	font-weight: bold;
	padding: 5px 0 3px 20px;
	}

#info  h3 a  {
    font-size: 0.8em;
    color: #666666;
    padding-left:3px 20px 3px 20px;
    }

#info p   {
    font-size: 0.75em;
	color: #333333;
    margin: 2px 5px 20px 20px;
    }

#info  img.image-r  {
    border:solid 2px #c0c0c0;
    margin:0 0 3px 3px;
	padding:3px;
	float: right;
	}
	
#info  img.image-d  {
    border:solid 2px #c0c0c0;
	padding:3px;
	}
	
#info  p.stopfloat   {
    clear: both;
	}

/* ++++++ コンテンツ部分のデザイン ++++++ */

#content  h1  {
    font-size: 1.5em;
	color: #000000;
	border-style: solid ;
	border-width: 2px 2px 2px 20px;
	border-color: #ff6600;
	padding: 5px 0 5px 30px;
	background-color: #c0c0c0;
	margin: 0 0 0 0;
	}

#content  h1 a  {
    font-size: 60%;
    color: #666666;
    padding-left:5px;
    }
	
#content  p  {
    font-size: 0.75em;
    color: #333333;
    line-height:130%;
	}
	
#content  img.image-r  {
    border:solid 2px #c0c0c0;
    margin:0 0 3px 3px;
	padding:3px;
	float: right;
	}
	
#content  img.image-c  {
    border:double 4px #c0c0c0;
	padding:3px;
	float: center;
	}
	
#content  img.image-d  {
    border:solid 2px #c0c0c0;
	padding:3px;
	}
	
#content  p.stopfloat   {
    clear: both;
	}
	
#content  h2	{
	font-size: 1em;
	color: #000099;
	border-bottom: solid 2px #ff6600;
	background-image: url(images/izari.gif);
	background-repeat: no-repeat;
	padding: 5px 0 3px 50px;
	}
	
#content  h2 a  {
    font-size: 75%;
    color: #666666;
    padding-left:5px;
    }

#content  h3	{
	font-size: 1em;
	color: red;
	font-weight: bold;
	padding: 5px 0 3px 20px;
	}

#content  h3 a  {
    font-size: 0.8em;
    color: #666666;
    padding-left:3px 20px 3px 20px;
    }
	
#content  h4	{
	font-size: 1em;
	color: #000000;
	font-weight: bold;
	padding: 5px 0 3px 0px;
	}

	
#content table.value  {
    border: double 4px #0000ff;
	border-collapse: collapse;
	margin: auto;
	text-align: center;
	font-size: 0.85em;
	color: #333333;
	font-weight: bold;
	}
	
#content table.value th {
    border-bottom: solid 2px #0000ff;
	border-right: solid 1px #0000ff;
	padding: 0.3em 0.8em 0.3em 0.8em;
	}
	
#content table.value td {
	border: solid 1px #0000ff;
	padding: 0.3em 0.8em 0.3em 0.8em;
	}
	
#content table.value thead {
    background-color: #c0c0c0;
	}
	
#content table.value tbody {
    background-color: #ffffcc;
	}

#content table.schedule  {
    width: 480;
    border: double 4px #0000ff;
	border-collapse: collapse;
	margin: auto;
	text-align: center;
	font-size: 0.8em;
	color: #333333;
	}
	
#content table.schedule th {
    border-bottom: solid 2px #0000ff;
	border-right: solid 1px #0000ff;
	padding: 0.3em 0.8em 0.3em 0.8em;
	}
	
#content table.schedule td {
	border: solid 1px #0000ff;
	padding: 0.3em 0.8em 0.3em 0.8em;
	}

#content li {
    font-size: 0.75em;
    color: #333333;
    line-height:130%;
	}
	
#content  p.textarea   {
    width: 475px;
    height: 150px;
    overflow: auto;
    background-color: #ffffff;
    border: solid 3px #c0c0c0;
    padding: 5px 5px 5px 5px;
	margin: 5px 5px 10px 0;
    float: center;
    }

.post h2	{
	font-size: 1em;
	color: #000099;
	border-bottom: solid 2px #ff6600;
	background-image: url(images/izari.gif);
	background-repeat: no-repeat;
	padding: 5px 0 3px 50px;
	}

.post h2 a	{
	text-decoration: none;
	}

.post p	{
	font-size: 0.75em;
	color: #333333;
	line-height: 150%;
	}

.post	{
	margin-bottom: 30px;
	}

.pagenav	{
	font-size: 0.75em;
	margin-bottom: 20px;
	}
.post img   {
    border:double 4px #c0c0c0;
	padding:3px;
    margin:3px;
    }
	
/* ++++++ サイドバー部分のデザイン ++++++ */

#sidebar	{
	font-size: 0.75em;
	background-color: #c0c0c0;
	}
#sidebar ul	{
	color: #ff6600;
	list-style-type: disc;
	margin: 3px 0 20px 20px;
	padding: 0;
	}

#sidebar ul ul	{
	color: #ff6600;
	margin-bottom: 3px;
	}

#sidebar h2	{
	font-size: 1em;
	font-family: sans-serif;
	background-color: #ff6600;
	color: #ffffff;
	text-align:center;
	margin: 0;
	padding: 6px 0;
	}

#sidebar form {
    padding:0 30px 0;
    }
	
#sidebar p  {
	text-align: center;
	}

/* カレンダー */
#calendar table	{
	width: 100%;
	text-align: center;
	color: #000000;
	border-collapse: collapse;
	margin-bottom: 20px;
	}

#calendar th, #calendar td	{
	padding: 5px 0;
	border: 0;
	}

#calendar a	{
	text-decoration: strong;
	color: #0000ff;
	}

#calendar caption	{
	padding: 3px 0;
	}

#calendar tfoot td	{
	border: none;
	}

#calendar tfoot td#prev	{
	text-align: left;
	}

#calendar tfoot td#next	{
	text-align: right;
	}
	
/* ++++++ コメント部分のデザイン ++++++ */

#comments h2	{
	font-size: 0.85em;
	border-bottom: solid 2px #ff6600;
	padding-bottom: 5px;
	}

.com	{
	font-size: 0.75em;
	border-bottom: dotted 2px #88ccff;
	padding-bottom: 8px;
	margin-bottom: 12px;
	}

.com p	{
	margin: 5px 0;
	}

.commet a	{
	color: #888888;
	text-align: right;
	}

#tb	{
	font-size: 0.75em;
	border: solid 1px #ff6600;
	padding: 8px;
	line-height: 150%;
	}

#comment form	{
	font-size: 0.75em;
	}

/* ++++++ フッター部分のデザイン ++++++ */

#footer   {
	background-color: #ff6600;
	background-image: url(images/footer.png);
	}

#footer p {
    font-size: 0.75em;
	font-styie: normal;
	color: #000000;
	text-align: center;
	padding: 10px 0 0;
	}

#footer address	{
	font-size: 0.75em;
	font-style: normal;
	text-align: center;
	color: #000000;
	
	}

