﻿body {
	margin: 0px 0px 20px 0px;

	background-color: #ccc;
                background-image: url('../images/bg.gif');
	text-align: center;
        }

a {
	text-decoration: underline;	
	}

a:link {
	color: #336633;
	}

a:visited {
	color: #006699;
	}

a:active {
	color: #00ff00;
	}

a:hover {
	color: #00cc00;
	}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	}

#toptitle {
	line-height: 140%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 988px;
	height: 70px;
	background: #fc3 url('images/title_bgx988.gif') no-repeat scroll 0px 0px;
	border: 0px;
	}
#banner {
	color: #FFFFFF;
	text-align: left;
                padding: 0px;
	height: 50px;
	}

#banner img {
                padding: 5px 10px 0px 20px;
	border: 0px;
	}

#banner a {
	color: #FFFFFF;
	text-decoration: none;
	}

#banner h2 {
	margin: 22px 0px 0px 240px;
	padding: 0px;
                line-height: 110%;
	font-size: 0.75em;
                width: 740px;
                letter-spacing: 1px;
                /*filter: Glow(color=#aaaaaa,strength=4);*/
	}

#navbar {
	width: 978px;
	margin: 0px 10px 14px 0px;
                padding: 0px;
                list-style: none;
}

.menu { 
                float: right;
                width: 90px;
                text-align: center;
                font-size: 13px; 
                margin: 0px 2px 0px 0px;
                text-decoration: none;
	background: #fc3 url('images/bttn_top.gif') no-repeat scroll 0px 0px;
}

.menu a {
                color: #666;
                display: block;
                line-height: 19px;
                text-decoration: none;
}

.menu a:hover {
                color: #fff;
                background-color: #f30;
                text-decoration: none;
}


#container {
                position: relative;
	line-height: 140%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 988px;
	
	background-image: url('../images/bgc.gif');
                background-repeat: repeat-y;
	}

#center {
	float: left;
                width: 752px;
	overflow: hidden;
	}

.content {	
	padding: 15px 15px 5px 15px;
	color: #666666;
	font-size: 1.1em;
                vertical-align: top;
	}


.content pre {
	font-size: larger;
}


#right {
	float: right;
                margin-right: 5px;
	width: 224px;
                height: 100%;
	background-color: #F5f5f5;
	overflow: hidden;
	}

.content p {
	margin: 10px 0px 10px 40px;
	padding: 10px 20px;
	color: #333333;

	font-size: 0.8em;
	line-height: 140%;
	text-align: left;
                font-family: "Helvetica","ＭＳ Ｐゴシック","Osaka";
	}

.content img.media {
/* changed by Yamazaki 2006.01.12 start */
                float: left;
/*	margin: 8px 40px; */
	margin: 2px 15px 8px 65px;
	padding: 0px;
/*            width: 54px;
                height: 72px; */
                width: 60px;
                height: 80px;

/* changed by Yamazaki 2006.01.12 end */


}

.content img.line_media {
                float: right;
                width: 500px;
                height:2px;
	margin: 0px 15px 5px 0px;
	padding: 0px;
}

.content img.midashi {
                clear: both;
                float: right;
	margin: 0;
	padding: 0px 20px 0px 0px;
                width: 150px;
                height: 15px;
                border: 0px;
}

.content img {
	margin: 10px 30px;
	padding: 10px 20px;
}


.content blockquote {
	line-height: 150%;
	}

.content li {
	text-align: left;
	line-height: 120%;
	margin: 5px 0px 5px 40px;
	padding: 0px 5px;
	color: #333333;

	font-size: 0.8em;
	line-height: 150%;
	text-align: left;
                font-family: "Helvetica","ＭＳ Ｐゴシック","Osaka";

	}

.content h1 {
	color: #333333;
                background: #ccc url('../images/ttl_bg.gif') repeat scroll 0px 0px;
                font-family: "Helvetica","ＭＳ Ｐゴシック","Osaka";
	font-size: 1.1em;
	
	text-align: left;
	font-weight: normal;
	border-bottom: 3px solid #FF6600;
                border-left: 25px solid #FF6600;
                border-top: 1px dotted #FF6600;
                margin: 20px 10px 0 20px;
                padding: 0.2em 0.5em;
	}

.content h2 {
	color: #333333;
                background: #ccc url('../images/ttl_bg2.gif') repeat scroll 0px 0px;
                font-family: "Helvetica","ＭＳ Ｐゴシック","Osaka";
	font-size: 0.9em;
	font-weight: normal;	
	text-align: left;
	border-bottom: 4px solid #cccccc;
                border-left: 16px solid #cccccc;
                border-top: 1px dotted #cccccc;
                margin: 20px 10px 0 50px;
                padding: 0.2em 1em;
	}

.content h3 {
	margin: 10px 10px 10px 60px;
	padding: 5px 10px 2px 20px;
	color: #666666;

                border-bottom: 3px solid #cccccc;
                font-family: "Helvetica","ＭＳ Ｐゴシック","Osaka";
	font-size: 0.8em;
	
	text-align: left;
	font-weight: bold;	
	}

.content p.posted {
	color: #999999;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	border-top: 1px solid #999999;
	text-align: left;
		
	margin-bottom: 25px;
	line-height: normal;
	padding: 3px;
	}

.content table {
	border-collapse: collapse;
	color: #333333;
	border: 1px solid gray;
	}

.content th {
	width: 25%;
	text-align: right;
                background-color: #CCCCCC;

                border-top: 1px solid gray;
                font-size: 0.9em;
                padding: 5px 10px;
	}

.content td {
	vertical-align: middle;
                background-color: #F5F5F5;
                border-bottom: 1px solid gray;
                border-left: 1px solid gray;                
                padding: 4px;
                font-size: 0.9em;
	}

.content #box_media {
                width: 620px;
	vertical-align: middle;
                margin: 10px 10px 0px 80px;               
                padding: 4px;
                font-size: 0.8em;
                font-family:"ＭＳ Ｐゴシック";
	}

.content #box_services_outer {
                width: 604px;
	vertical-align: middle;
                margin: 25px 20px 10px 110px;               
                padding: 0px;

                border-top: 3px double #ff9900;
                border-bottom: 4px double #ff9900;
	}

.content #box_services1 {
                float: left;
                margin: 0px;               
                padding: 0px;
                width: 285px;
	}

.content #box_services2 {
                float: right;
                margin: 0px;               
                padding: 0px;
                background-color: #FFFBE2; 
                border-left: 1px dotted #999999;
                width: 285px;
	}

.content .subttl {
                margin: 0px;               
                padding: 0px;
                float: left;
}

.content .sbox_services1 li {
                clear: both;
                list-style-image: url('../../images/act_tri.gif');
	}

.content .sbox_services2 li {
                clear: both;
                list-style-image: url('../../images/act_tri.gif');
	}


.content .sbox_services2 {
                clear: both;
                background-color: #ffffff;
                text-align: left;
                margin: 0px;               
                padding: 10px;
                font-size: 0.9em;
                width: 298px;

	voice-family : "\"}\"";
	voice-family : inherit;	
                width: 280px;
}

.content .sbox_services1 {
                clear: both;
                background-color: #ffffff;
                text-align: left;
                margin: 0px;               
                padding: 10px;
                font-size: 0.9em;
                width: 298px;

	voice-family : "\"}\"";
	voice-family : inherit;	
                width: 280px;
	}

.sidebar {   
                padding: 10px;
	color: #666666;
	font-size: 0.9em;
                height: 100%;
	}

.sidebar .rmenu li {
                list-style-image: url('../../images/act_squ.gif')
	}


.sidebar #categories li {
                list-style-image: url('../../images/act_tri.gif')
	}

.sidebar h2 {
	color: #666666;
	text-align: left;
	font-weight: bold;
                padding: 0px 10px 0px 10px;

	font-size: 0.9em;
                border-left: 1px solid #ff9900;
                border-top: 2px solid #ff9900;
                border-right: 1px solid #ff9900;
	background-color: #FFFBE2;
                width: 182px;
	}


.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 30px;
	}


.sidebar .rmenu {
	color: #666666;
	text-align: left;
	font-weight: bold;
                padding: 0px 10px 2px 10px;

	font-size: 0.8em;
                border-left: 1px solid #ff9900;
                border-top: 2px solid #ff9900;
                border-right: 1px solid #ff9900;
	background-color: #FFFBE2;
                width: 182px;
}



.sidebar #categories {
	border-bottom: 1px solid #ff9900;
                border-left: 1px solid #ff9900;
                border-top: 1px solid #ff9900;
                border-right: 1px solid #ff9900;
	background-color: #ffffff;
                virtical-align: top;
	font-size: 0.8em;
                padding: 0px 10px 2px 10px;
                width: 182px;
}




.sidebar img {
                margin 0px
                padding: 0px;
	border: 0px solid #FFFFFF;
                }

.photo {
	text-align: left;
	margin-bottom: 20px;
	}

.link-note {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
	}

#powered {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	color: #666666;
	margin-top: 10px;
	}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"] {
	width: 80%;
	}

.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
	}

#footer {
                clear: both;
	width: 988px;
                line-height: 120%;
	margin: 0px;
	padding: 5px 0px;
                right: 20px;

	font-size: 0.8em;
                color: white;
	text-align: right;
	background: #fc3 url('../../images/foot_bgx988.gif') no-repeat scroll 0px 0px;
	}
