@charset 'utf-8';

/* ----- HTML再定義 ------------------------------------ */

* {
	margin: 0px;
	padding: 0px;

	font-size: 13px;
	font-style: normal;
	font-family: 'Arial', 'MS UI Gothic', Osaka, sans-serif;
}
body {
	background-color: #fff;
	line-height:135%;
	background-image: url(/images/back_ground.jpg);
	background-repeat:repeat-x;
	background-attachment: fixed;
}
p, li, dt, dd, address {
	color: #444444;

	line-height: 1.4;
}
p {
	margin-bottom: 0px;/* ★tabで画像の下spaceが広かったので0px 20100208 */
}
ul {
	margin: 0px 0px 20px 20px;
}
ul li ol li {
	margin: 0px 20px 0px 25px;
}
ul li ol {
	margin-bottom: 10px;
}
em {
	font-weight: bold;
}
img {
	behavior: url(/js/iepngfix/iepngfix.htc);
	margin: 0px;
	border: 0px;
}
object {
	margin-left: 10px;
}

pre {
	width: 430px;

	margin: 10px;
	padding: 5px;
	border: 1px solid #EEEEEE;

	overflow: auto;
}
code, var, kbd {
	color: #000080;

	font-family: 'Arial', monospace;
	line-height: 1.2;
}
blockquote {
	margin: 10px;
	border-left: 2px solid #7777AA;
}
blockquote p {
	color: #999999;
}

form fieldset {
	border: 0px solid #000000;

}
form legend {
	display: none;
}
form input, form select {
	padding: 2px;
	font-size: 13px;/* ★入力画面文字サイズ指定 */
}
@media screen {
	form input, form select {
		font-family: Arial, Verdana, sans-serif;
	}
}
form select {
	margin-top: 1px;

}
form p input {
	text-align: center;

}
form textarea {
	padding: 2px;
	font-size: 13px;/* ★入力画面文字サイズ指定 */
	line-height: 1.2;
}
/* ★テーブルをコメアウトしてみた
table {
	margin-bottom: 10px;
	border: 0px solid #666680;
	border-collapse: collapse;
	margin-left: -4px;

}
table tr th {
	padding: 5px;
	border: 1px solid #AAAAAA;

	background-color: #EEEEEE;

}
table tr td {
	padding: 5px;
	border: 0px solid #AAAAAA;

}
table tr td input {
	margin: -2px;
}
*/ 
a:link, a:visited {
	color: #191970;

	text-decoration: none;
}
a:active, a:hover {
	color: #ff4500;

	text-decoration: underline;
}

/* ----- 基本構造 -------------------------------------- */
div#container {
	width: 940px;
	margin: 0 auto;
	text-align: left; 

	background-color: #fff;
	border: 1px solid #ccc;
}
div#header_text {
	float: none;
	clear: both;
	font-size: 12px;
	color: #eee;
	text-align: right;
	padding: 5px;
	margin-bottom: 10px;

	height: 22px;
	background-color: #333333;
	background-image: url(/images/header_text.png);
	background-repeat: repeat-x;
}
div#header_text a {
	font-size: 12px;
	color: #eee;
}
div#header {
	float: none;
	clear: both;
	width: 940px;
	margin: 0 auto;
	padding: 10px;
	height: 40px;
	background-image: url(/images/header/header_back.jpg);
}
/* ----- ヘッダー -------------------------------------- */
div#header h1 {
	float: left;
}
div#header h1 a {
	display: block;
	text-indent: -9999px;
	width: 250px; height: 50px;
	margin-left: 10px;
	background:url(/images/logo/top1.png) no-repeat 0 0;
}
div#header p {
	display: none;
}
div#header_top h1 {
	display: none;
}
div#header_top p {
	display: none;
}
div#menu {
	float: none;
	clear: both;

	margin-bottom: 10px;
	background-color: #ffcc00;
}
div#top_photo {
	margin: 10px 205px 10px 185px;
}
div#logs {
	margin: 0px 200px 10px 0px;
}
div#navigation {
	width: 200px;
	float:right;
	margin-top: 0px;
	display: inline; /*----- IE6でmarginが２倍になってしまうバグ対応 -----*/
}
div#information {
	display: none; /*----- IE6でmarginが２倍になってしまうバグ対応 -----*/
}
div#diary, div#comment, div#trackback {
	margin: 0px 15px;
}

div#page, div#navi, div#contents, div#work, div#form, div#canvas, div#env, div#status {
	margin: 0px 15px;
}
/*--------------------------------------
	フッター★TADA-C
--------------------------------------*/
div#footer {
	margin: 0px;
	padding: 10px 0px 105px 0px;
	font-size: 12px;
	color: #333333;
	line-height: 1.6;
	width: 100%;
	text-align: center;
	background-image: url(/images/footer.png);
	background-repeat: repeat-x;
	background-position: bottom center;

	
	float: none;
	clear: both;
}

#footermenu {
	font-size: 14px;
	color: #333333;
	line-height: 150%;
	text-align: center;
}
#footermenu2 {
	padding: 10px 0px 5px 0px;
	font-size: 12px;
	color: #333333;
	line-height: 150%;
	text-align: center;
}
#footercopy {
	padding: 5px 5px 30px 0px;
	font-size: 12px;
	color: #ffffff;
	background-color: #333333;
	text-align: right;
}
div#work {

	float:left;
	left: 0px;
	top: 130px;

	margin-top: 10px;
}
div#admin {
	margin: 10px 0px 10px 215px;
}
/* ----- メニュー -------------------------------------- */

div#menu h2 {

	display: none;
}

div#menu ul {
	margin: 0px 15px;
	padding: 5px 0px;
}
div#menu ul li {
	display: inline;

	margin-right: 10px;
}

div#menu a:link, div#menu a:visited {
	color: #FFFFFF;
}
div#menu a:active, div#menu a:hover {
	color: #000000;
}

/* ----- ナビゲーション -------------------------------- */

div#navigation h2 {
	margin: 0px 0px 10px 0px;
	height: 20px;/*★ナビバックの高さ;*/
	padding: 5px;

	color: #333333;
	border-bottom: 1px dotted #333333;
	/*background-image: url(/images/navi_menu/back.jpg);★ナビの背景画像（高さ指定はまた別）;*/
	background-repeat: repeat-x;
}

div#navigation ul {
	margin: 0px 10px 0px 12px;
}
div#navigation ul li {
	margin: 0px 0px 0px 0px;

	list-style-type: none;
}
div#navigation ul li ul {
	margin: 0px 0px 0px 20px;
}

div#navigation dl {
	margin: 0px 10px 0px 12px;
}
div#navigation dl dt {
}
div#navigation dl dd {
}

div#navigation form dl {
}
div#navigation form dl dt {
	display: none;
}
div#navigation form dl dd {
}
div#navigation form p {
	margin-left: 12px;
	margin-bottom: 0px;
}

div#navigation table {
	width: 180px;

	margin: -2px 0px 7px 7px;
	border: 0px solid #AAAAAA;
}
@media screen {
	div#navigation table {
        	margin: -2px auto 7px auto;
        }
}
div#navigation table tr th {
	padding: 5px;
	border: 0px solid #AAAAAA;
	background-color: #FFFFFF;
	text-align: left;
}
div#navigation table tr td {
	padding: 3px;
	border: 0px solid #AAAAAA;

	text-align: center;
}
@media screen {
	div#navigation table tr td {
        	padding: 5px;
        }
}

div#navigation .day {
	color: #444444;
}
div#navigation .satday {
	color: #4444CC;
}
div#navigation .sunday {
	color: #CC4444;
}
div#navigation .today {
	background-color: #EEEEEE;
}

div#navigation .calender {
	margin: 2px 10px;
}
div#navigation .calender li {
	display: inline;

	margin-right: 10px;
}
div#navigation form select {
	margin-left: 10px;

}
div#navigation .block {
	margin-right: 10px;
	margin-bottom: 8px;/* ----- ★ナビとナビのピクセル間隔 ----- */
	padding-bottom: 5px;/* ----- ★ナビ内の間隔 ----- */

	border: 0px solid #cccccc;
	text-align:left;
}

/* ----- 記事一覧 -------------------------------------- */
div#diary .diary {
	margin-bottom: 10px;
	padding: 2px;
	border: 0px solid #cccccc;
}

/* ----- h1 START ----- */
div#diary h2 {
    margin: 0px;
    padding: 5px 10px;
	font-size: 16px;
	border-left: 3px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
div#diary h2 a {
    font-size: 16px;
    font-weight: bold;
}
/* ----- h3 START ----- */
div#diary h3 {
    margin-left: 200px;
    padding: 5px 10px;
	font-size: 16px;
	border-left: 3px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
div#diary h3 a {
    color: #333;
	font-size: 16px;
    font-weight: bold;
}
div#diary h3 a:hover {
	color: #999;
	font-size: 16px;
	text-decoration: none;
}
div#field_text {
	margin-left: 200px;
}
/* ----- h3 END ----- */
div#diary h4 {
	margin: 10px;
}
/* ----- h5 START ----- */
div#diary h5 {
	/*margin: 5px 5px 5px 170px;*/
	margin: 10px 0px 10px 0px;
	height: 20px;/*★バックの高さ;*/
	padding: 0px 30px;/*★文字の左幅余白;*/
	font-size: 13px;
	
	background-image: url(/images/navi_menu/tintai.png);/*★ナビの背景画像（高さ指定はまた別）;*/
	background-repeat: no-repeat;
	background-position : 5px 0px;/*★背景画像の左幅余白;*/
}
div#diary h5 a{
	color: #333333;
	font-size: 14px;
	padding: 5px;/*★文字の左幅余白;*/
}
div#diary h5 a:hover {
	color: #ff0000;
	font-size: 14px;
	text-decoration: underline;
}
/* ----- h5 END ----- */
/* -----spanが効かなかったのでコメアウト実験
div#diary .text * {
	font-size: x-small;
}
html>body div#diary .text * {
	font-size: small;
}
----------- */
div#diary .text p {
	margin: 0px 5px 0px 10px;
}
div#diary .text ul {
	margin: 5px 10px;
}
div#diary .text ol {
	margin: 15px 40px;
}
div#diary .info {
	margin: 5px 10px;
	text-align: right;
}
div#diary .info_top {
	margin: 5px 15px;
	font-size: 11px;
	color: #666;
	text-align: right;
}
div#diary .info * {
	font-size: 12px;
}
div#diary .info li {
	display: inline;
	margin-left: 5px;
}
div#diary .info2 {
	margin: 3px 10px;
	text-align: right;
}
div#diary .info2 * {
	font-size: 12px;
}
div#diary .info2 li {
	display: inline;
	margin-left: 5px;
}
div#diary .info2 img {
	margin: 0px 5px 0px 5px;
	vertical-align: text-top;
}
div#diary .list {
	border: 1px solid #AAAAAA;
	margin: 0px 0px 10px 20px;
	padding: 5px 10px;
}
div#diary .list h4 {
	border-bottom: 1px solid #CCCCCC;
	margin: 0px 0px 15px 0px;
	padding: 3px 5px;
	color: #444444;
	background-color: #FFFFFF;
}
div#diary .list ul {
	margin: 0px 0px 10px 20px;
}
div#diary .list dl dt {
	margin: 0px 5px;
    font-weight: bold;
}
div#diary .list dl dd {
	margin: 10px 10px 0px 15px;
}
div#trackback h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 1px solid #8080B0;
	border-bottom: 1px solid #8080B0;

	background-color: #DDDDEE;
}
div#trackback dl {
	margin-bottom: 10px;
	padding: 2px 2px 10px 2px;
	border: 1px solid #AAAAAA;
}
div#trackback dl dt {
	margin-top: 10px;
	margin-left: 10px;
}
div#trackback dl dd {
	margin-left: 30px;
}

div#comment .comment {
	margin-bottom: 10px;
	padding: 2px 2px 10px 2px;
	border: 1px solid #AAAAAA;
}
div#comment h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-bottom: 1px dotted #333333;
	background-color: #fff;
}
div#comment h3 {
	margin: 5px 5px 10px 5px;
	padding: 5px;
}

div#comment .text * {
	font-size: x-small;
}
html>body div#comment .text * {
	font-size: small;
}
div#comment .text p {
	margin: 10px;
}

/*--------------------------------------
	ページ移動
--------------------------------------*/
#page h2, #navi h2 {
	display: none;
}
#navi form {
	margin: 0 30px;
	text-align: left;
}
#navi form dl dt {
	display: none;
}
#navi form dl dd {
	float: left;
	clear: left;
}
#page ul, #navi ul {
	margin: 0 30px;
	line-height: 2;
}
#page ul li, #navi ul li {
	display: inline;
	margin: 0 5px 0 0;
	text-transform: capitalize;
	color: #8A8A8A;
}
#navi ul li {
	margin: 5px;
}
#page ul li a, #navi ul li a {
	padding: 4px 8px;
}
#page ul li a:link, #page ul li a:visited,
#navi ul li a:link, #navi ul li a:visited {
	border: 1px solid #ccc;
	background: #F5F5F5;
	text-decoration: none;
	color: #464646;
}
#page ul li a:hover, #page ul li a:active,
#navi ul li a:hover, #navi ul li a:active {
	border: 1px solid #464646;
	background: #666;
	text-decoration: none;
	color: #fff;
}

/* ----- ナビゲーション -------------------------------- */

div#navi h2 {
	display: none;
}

div#navi ul {
	margin: 5px 0px;

	text-align: right;
}
div#navi ul li {
	display: inline;

	margin-left: 5px;
}

div#navi form dl {
}
div#navi form dl dt {
	display: none;
}
div#navi form dl dd {
	float: left;
}
div#navi form input {
	padding: 0px;
}
/* ----- コンテンツ ------------------------------------ */
div#contents h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 1px solid #8080B0;
	border-bottom: 1px solid #8080B0;
	background-color: #DDDDEE;
}
div#contents h3 {
	margin-bottom: 15px;
	padding: 3px 0px;
	border-bottom: 1px double #BBBBBB;
}
div#contents h4 {
	margin-bottom: 10px;
}
div#contents dl {
	margin-bottom: 20px;
}
div#contents dl dt {
	margin-top: 10px;
}
div#contents dl dd {
	margin-left: 30px;
}
/* ----- 処理選択 -------------------------------------- */
div#work h2 {
	display: none;
}
div#work ul.menu {
	width: 200px;

	margin: 0px 5px 20px 0px;
	padding: 0px;
	border: 1px solid #8080B0;
}
div#work ul.menu li {
	margin: 0px;
	padding: 4px 5px 0px 5px;
	background-color: #DDDDEE;
	list-style-type: none;
}
div#work ul.menu li ul {
	margin: 0px -5px;
	padding-top: 3px;
}
div#work ul.menu li ul li {
	padding: 0px;
}
div#work ul.menu li a {
	display: block;

	width: 198px;

	margin: 1px 0px 0px 0px;
	padding: 3px 5px;

	background-color: #FFFFFF;
}
html>body div#work ul.menu li a {
	width: 190px;
}
div#work ul.menu li a.selected {
	background-color: #F0F0F0;
}

/* ----- フォーム -------------------------------------- */

div#form h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 1px solid #8080B0;
	border-bottom: 1px solid #8080B0;

	background-color: #DDDDEE;
}

div#form form {
	margin-bottom: 10px;
}
div#form form dl {
	margin-bottom: 20px;
}
div#form form dl dt {
	float: left;
	clear: left;
	width: 6em;
}
div#form form dl dd {
	padding: 0px 0px 5px 0px;
}
div#form form dl dd textarea {
	margin-top: 2px;
}
div#form form ul {
	margin: 0px 0px 20px 0px;
}
div#form form ul li {
	list-style-type: none;
}

/* ----- 環境設定 -------------------------------------- */

div#env h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 1px solid #8080B0;
	border-bottom: 1px solid #8080B0;

	background-color: #DDDDEE;
}
div#env h3 {
	margin-bottom: 15px;
	padding: 5px;

	background-color: #EEEEEE;
}

div#env dl {
	margin-bottom: 20px;
}
div#env dl dd {
	margin-bottom: 10px;
}

div#env form {
	margin-bottom: 20px;
}

/* ----- キャンバス ------------------------------------ */

div#canvas h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 1px solid #8080B0;
	border-bottom: 1px solid #8080B0;

	background-color: #DDDDEE;
}
div#canvas applet {
	margin-bottom: 15px;
}

/* ----- ステータス ------------------------------------ */

div#status h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 1px solid #8080B0;
	border-bottom: 1px solid #8080B0;

	background-color: #DDDDEE;
}
div#status h3 {
	margin-bottom: 15px;
	padding: 3px 0px;
	border-bottom: 1px double #BBBBBB;
}
div#status h4 {
	margin-bottom: 10px;
}

div#status dl {
	margin-bottom: 20px;
}
div#status dl dt {
	float: left;
	width: 10em;
}
div#status dl dd {
}

/* ----- フッター -------------------------------------- */
div#footer address {
	padding: 10px 15px 20px 15px;
	color: #FFFFFF;
	background-color: #333333;
}

div#footer a:link, div#footer a:visited {
	color: #333333;
}
div#footer a:active, div#footer a:hover {
	color: #000000;
}
div#footercopy a:link, div#footercopy a:visited {
	font-size: 11px;
	color: #ffffff;
}
div#footercopy a:active, div#footercopy a:hover {
	font-size: 11px;
	color: #ffcc00;
}
/* ----- 個別指定 -------------------------------------- */

.new {
	color: #FF0000;
}
/*--------------------------------------
	★TADA-C必殺小物集
--------------------------------------*/
img.shadow {
	background: url(/images/shadow-1000x1000.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
}

.uline1 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-size: 12px;
}
/*-----------------------------------------------------------------------------
	Search★TADA-C
-----------------------------------------------------------------------------*/
#search { position: relative; width:150px; padding-right: 50px; padding-top: 10px; float: right;}
#search #s { float: left; display: block; margin:0;padding: 5px 5px 5px 22px; width: 150px; border: none; font-size: 11px; color: #999; vertical-align: bottom;  background: #eeeeee url(/js/search/search3.png) 3px 5px no-repeat;-moz-border-radius: 5px;-webkit-border-radius: 5px;line-height: 1}
#search #s:hover { color: #666;background: #eeeeee url(/js/search/search3.png) 3px 5px no-repeat;}
/*-----------------------------------------------------------------------------
	フォームの全角/半角を制御する★TADA-C
-----------------------------------------------------------------------------*/
.zen { ime-mode: active;}
.han { ime-mode: inactive;}
/*--------------------------------------
	画像リンクの周りライン★TADA-C
--------------------------------------*/
#img_line a img {
    margin: 2px 2px 2px 2px;
	padding:2px 2px 2px 2px ; 
	border:1px solid #cccccc; 
}
#img_line a:hover img {
    margin: 2px 2px 2px 2px;
	padding:1px 1px 1px 1px ; 
	border:2px solid #ff4466;
} 
/*--------------------------------------
	tooltipのCSS★TADA-C
--------------------------------------*/
#screenshot{
	position: absolute;
	border: 1px solid #999;
	background: #fff;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	display: none;
	color: #333;
}
#tooltip{
	position: absolute;
	border: 1px solid #ccc;
	text-align: left; 
	background: #333;
	padding: 5px;
	display: none;
	color: #fff;
}
/*------------------------------------------------
	liのpoint画像
------------------------------------------------*/
#point01 ul li {
	padding: 0px;
	text-align: left;
	line-height: 2;
	list-style-type: none;
	list-style: none;
}
#point01 ul li a {
	text-align: left;
	line-height: 1;
	padding-left: 12px;/* point.gifと文字間スペース調整★ */
	background: url("/images/icon/point.gif") no-repeat left 0.3em;/* point.gifの高さ調整★ */
}
#point01 ul {
	margin: 0px;/*tabのliを左余白なし★ */
}
/*------------------------------------------------
	liのタブ画像
------------------------------------------------*/
#point02 ul li {
	padding: 0px;
	text-align: left;
	line-height: 1.4;
	list-style-type: none;
	list-style: none;
}
#point02 ul {
	margin: 0px;/*tabのliを左余白なし★ */
}
/*--------------------------------------
	テーブルレイアウト★棒線あり（詳細項目の個所）
--------------------------------------*/
table#table-01 {
    width: 439px;
	margin: 10px 0px 0px 10px;
    border: 1px #333333 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
	width: 130px;
    border: #333333 solid;
    border-width: 0 0 1px 1px;
    background: #eeeeee;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
}
table#table-01 td {
    padding: 5px;
    border: 1px #333333 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}
table#table-01 img {
	margin-right: 0px;
	margin-bottom: 0px;
	border: 0px;
}
/*--------------------------------------
	テーブルレイアウト★棒線あり（詳細項目のおしり仕上げ）
--------------------------------------*/
table#table-02 {
    width: 439px;
	margin: 0px 0px 0px 10px;
    border-right: 1px #333333 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-02 th {
    padding: 5px;
	width: 130px;
    border: #333333 solid;
    border-width: 0 0 1px 1px;
    background: #FBF2CC;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
}
table#table-02 td {
    padding: 5px;
    border: 1px #333333 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}
table#table-02 img {
	margin-right: 0px;
	margin-bottom: 0px;
	border: 0px;
}
/*--------------------------------------
	テーブルレイアウト★棒線なし
--------------------------------------*/
table#table_marginleft10 {
	margin: 10px;
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0;
}
table#table_marginleft10 tr td {
    padding: 0px;
    border: 0px;
    text-align: left;
}
/*--------------------------------------
	テーブルレイアウト★棒線なし
--------------------------------------*/
table#table_waku0 {
	margin: 0px;
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0;
}
table#table_waku0 tr td {
    padding: 0px;
    border: 0px;
    text-align: left;
}
/*--------------------------------------
	hr
--------------------------------------*/
hr.style1 {
border:none;
border-top:dashed 1px #333333;
height:1px;
color:#333333;
margin: 10px 0px 10px 0px;
}

/*--------------------------------------
	指定フォント★TADA-C
--------------------------------------*/
.subj1 { font-size: 16px; font-weight: bold; color: #0000CC; }
.price1 { color: #FF0000; font-size: 18px; font-weight: bold; }
.price2 { color: #FF0000; font-size: 14px; font-weight: bold; }
.floatclear { clear: both; }
.font12_999999 { font-size: 12px; color: #888; margin-left: 5px; }
.tag_font { font-size: 12px; color: #888; text-align:right;}
.bookmark { font-size: 12px; color: #888; text-align:right;}
.pr_gazou { margin-bottom:10px;}
span.thankyou { font-size:	15px; line-height:150%;	font-weight : bold; }
span.font15_333 { font-size:15px; color: #333; font-weight: bold;}
span.font10_333 { font-size:10px; color: #333;}
span.sub_title { font-size:11px; color: #666; margin:1px 1px 1px 15px; }
span.meyasu a { font-size:9px; margin:0px 5px 0px 0px; float: right; padding-left: 20px; background: url("/images/icon/attention.gif") no-repeat left 0.1em;/* point.gifの高さ調整★ */}
.social_bookmark { font-size:12px; color: #666; margin:1px 10px 1px 0px; float: right;vertical-align: text-top; }
span.pankuzu { font-size:12px; padding-left: 10px; margin: 3px 0 0 7px;  float: left; background: url("/images/navi_menu/point2.png") no-repeat center left; */}
span.twitter_button { margin-top: -25px; float: right; }
/*------------------------------------------------
	--- 送信ボタン (主に管理ページ等の)★TADA-C
------------------------------------------------*/
#navi form p input, #contents form p input, #form form p input, #work form p input, #env form p input {
	width: 8em;
	border: 1px solid #333333;
}
/* 分類並び
----------------------------------------------- */
div.category_photo {
    float: left;
    width: 210px;
}
div.category_photo img {
    width: 180px;
}

div.category_check {
    margin-top: 5px;
}
/*--------------------------------------
	★写真一覧並び
--------------------------------------*/
dl.thumbnail div {
 float: left;
 margin: 5px;
 padding: 6px;
 border: 1px solid #999;
 background: #eeeeee;
}
dl.thumbnail img {
 border: 2px solid #bbb;
 width: 140px;
 height: 105px;
}
dl.thumbnail dd {
 text-align: left;
}
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 line-height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix { display: inline-block; }

/* MacIE用 */
*+html .clearfix { height: 1%; }
* html .clearfix { height: 1%; }
/*--------------------------------------
	★トップページの写真一覧並び
--------------------------------------*/
dl.thumbnail_top div {
 float: left;
 margin: 2px;
 padding: 5px;
 background: #eeeeee;
 display: inline;/* ★IE6のバグ用 */
}
dl.thumbnail_top img {
 width: 78px;
 height: 78px;
}
dl.thumbnail_top dd {
 font-size: 10px;
 text-align: left;
}
/*--------------------------------------
	tab
--------------------------------------*/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 11px;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;

	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 10px 15px 15px 15px;
	font-size: 1.2em;
}
.tab_content h3 {
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 18px;
}
.tab_content h4 a{
	color: #254588;
}
.tab_content a img {
	float: left;
	margin: 0 5px 5px 0;
	border: 1px solid #ddd;
	padding: 2px;
}

/*--------------------------------------
	ページめくり
--------------------------------------*/
#pageflip {
	position: relative;
	right: 0; top: 0;
	float: right; 
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url(/images/pageflip/subscribe.jpg) no-repeat right top;
}