@charset "UTF-8";

/* @Style License ID.055 */

html{

	height:100%;}



body {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color: #333333;

	background: #ccc url(img/bg.jpg) repeat-x;

	text-align: center;

	line-height: 1.4em;

	margin:0px;

	height:100%;}



img {

border-style: none;

}



strong {

	color: #FF6600;

}





.none{

	color: #333333;

	display: none;

}



/* シャドウ

############################################################################## */

#center {

	text-align: left;

	background:url(img/bg2.jpg) repeat-y;

	margin:0 auto;

	padding:0px;

	width: 768px;

	height:100%;

}



div#shadow_l{

	width:12px;

	margin:0px;

	padding:0px;

	height:100%;

	background: url(img/shadow_l_bg.jpg) repeat-y;

	float:left;}

	

div#shadow_r{

	width:12px;

	margin:0px;

	padding:0px;

	background: url(img/shadow_r_bg.jpg) repeat-y;

	float:left;}

	

#container {

	background-color: #fff;

	background-image: url(img/content_bg.jpg);

	background-position: center top;

	background-repeat: repeat-y;

	text-align: left;

	float:left;

	margin-left: 0px auto;

	margin-right: 0px auto;

	margin-bottom: 0px;

	margin-top:0px;

	padding:0px;

	width: 744px;

}









#header {

	color: #333333;

	width:744px;

	height:35px;

	background-color: #ffffff;

	background-image: url(img/header_top.jpg);

	background-position: center top;

	background-repeat: no-repeat;

	margin:0px;

}



#header h1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 90%;

	line-height: 110%;

	text-indent: -9999px;

	margin:0px;

	padding:0px;

	float:left;}



/* i-blogホーム　当社ホームページボタン設定

############################################################################## */

#header ul{

	margin:10px 0 0 0;

	padding:0 4px 0 0;

	height:25px;

	float:right;

	position: relative;

	list-style-type:none;}

	

#header li a{

	text-indent:-9999px;}

	

li.top{

	margin:0px;

	padding:0px;

	list-style-type:none;

	width:89px;

	height:25px;

	display:inline;

	overflow:hidden;}

	

li.top a{

	margin:0px;

	padding:0px;

	list-style-type:none;

	width:89px;

	height:25px;

	overflow:hidden;

	float:left;

	background:url(img/head_btn1.jpg) no-repeat;}

	

li.home{

	margin:0px;

	padding:0px;

	list-style-type:none;

	width:110px;

	height:25px;

	display:inline;

	overflow:hidden;}

	

li.home a{

	margin:0px;

	padding:0px;

	list-style-type:none;

	width:110px;

	height:25px;

	overflow:hidden;

	float:left;

	background:url(img/head_btn2.jpg) no-repeat;}

	

li.top a:hover,

li.home a:hover{

	background-position: 0px -25px;}

	

/* i-blogホーム　当社ホームページボタン設定ここまで

############################################################################## */



#image {

	clear:all;

	background-image: url(img/header.jpg);

	background-position: center center;

	background-repeat: no-repeat;

	text-indent: -9999px;

	margin:0 0 10px 0;

	padding:0;

	width:744px;

	height: 213px;

}





#wrapper {

	width: 570px;

	float: left;

}







#main {

	font-size: 75%;

	line-height: 1.5em;

	letter-spacing: 0.05em;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #CCCCCC;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #CCCCCC;

	margin:0;

	padding:0px;

	width: 390px;

	float: right;

}







#main a {

	text-decoration: none;

	color: #FF0000;

}





#main a:link {

	text-decoration: none;

	color: #003399;

}





#main a:link:hover {

	text-decoration: underline;

	color: #FF0000;

}





#main a:link:active {

	text-decoration: underline;

	color: #003399;

}





#main a:visited {

	text-decoration: none;

	color: #003399;

}





#main a:visited:hover {

	text-decoration: underline;

	color: #FF0000;

}





#main a:visited:active {

	text-decoration: underline;

	color: #FF0000;

}





.pad {

　　　　　word-break:break-all;

	padding-top: 10px;

	padding-left: 5px;

	padding-right: 5px;

	padding-bottom: 10px;

}



.banner {

	padding-top: 0px;

	padding-left: 10px;

	padding-right: 10px;

	padding-bottom: 0px;

}



#main .date {

	font-size: 90%;

	font-weight: bold;

	color: #666666;

	margin-top: 10px;

	padding-top: 0px;

	margin-left: 5px;

	margin-bottom: 5px;

	padding-bottom: 0px;

	clear: both;

}





#main h2 {

	font-size: 100%;

	color: #333;

	background-image: url(img/h2.gif);

	background-repeat: no-repeat;

	margin-top: 10px;

	padding-top: 3px;

	padding-left: 10px;

	margin-bottom: 10px;

	padding-bottom: 3px;

	clear: both;

}





#main h3 {

	font-size: 100%;

	background: url(img/h3.jpg);

	background-repeat: repeat-y;

	margin:10px 5px 10px 5px;

	padding-top: 0px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #193b83;

	padding-bottom: 3px;

	clear: both;

}



#main h4 {

	font-size: 100%;

	margin-top: 10px;

	padding-top: 0px;

	margin-left: 5px;

	margin-bottom: 10px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

	padding-bottom: 3px;

	clear: both;

}



blockquote {

	background-color: #ffffff;

	margin-top: -5px;

	border-width: 1px;

	border-style: dotted;

	border-color: #CCCCCC;

	padding: 5px;

}



pre {

	border-width: 1px;

	border-style: dotted;

	border-color: #CCCCCC;

	padding: 5px;

	margin-top: -5px;

	margin-left: 40px;

	margin-right: 40px;

	overflow: scroll;

}



#main dt {

        padding: 0 0 0 5px;

}



.info {

	margin-top: 10px;

	margin-bottom: 25px;

}





.info dt {

        padding: 0 0 0 5px;

}





.info dd {

        line-height: 160%;

        margin: -1.6em 0 0.8em 9em;

        border-bottom: 1px dotted #666666;

}





.form {

	line-height: 160%;

	margin: 0;

}

.form dt {

	padding: 0 0 0 0.3em;

}

.form dd {

	line-height: 160%;

	margin: -1.6em 0 0.8em 10em;

}



#menu {

	font-size: 100%;

	background-color: #f3f3cc;

	text-align: left;

	margin-bottom: 15px;

}



#main p {

	margin-top: 8px;

	margin-left: 5px;

	margin-bottom: 8px;

}





#main .imageleft{

	padding-right: 10px;

	float: left;

}





#main .imageright{

	padding-left: 10px;

	float: right;

}















.more {

	margin-top: 3px;

	margin-bottom: 10px;

	float: right;

}





#main li {

	margin-bottom: 5px;

	list-style-type: square;

}





.rentory {

	margin-top: 0px;

	margin-bottom: 25px;

}





.rentory dt {

        padding: 0;

}





.rentory dd {

	line-height: 140%;

	margin: -1.4em 0 0.4em 6em;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

}





.archives {

	margin-top: 0px;

	margin-bottom: 25px;

}

.archives dt {

        padding: 0;

}





.archives dd {

	line-height: 140%;

	margin: -1.4em 0 0.4em 16em;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

}



.entry-tags {

	margin: 0 0 10px 10px;

	clear: both;

}



.entry-tags-header,

.entry-tags-list,

.entry-tag { display: inline; }



.entry-tags-list { 

    list-style:none;

    padding: 0px;

}



#main .posted {

	font-family: Verdana, Arial, sans-serif;

	font-size: 90%;

	color: #333333;

	text-align: left;

	line-height: normal;

	padding: 3px;

	margin-bottom: 25px;

	clear: both;

}



#main .commentposted {

font-family: Verdana, Arial, sans-serif;

font-size: 90%;

color: #333333;

text-align: left;

line-height: normal;

padding: 3px;

　　　　border-bottom-width: 1px;

border-bottom-style: dotted;

border-bottom-color: #193b83;

	margin-top: 20px;

clear: both;

}



#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;

	}



.sign {

	margin-bottom: 10px;

}





.extended {

	display:block;

	float:right;

}







#left {

	font-size: 80%;

	line-height: 140%;

	width: 166px;

	float: left;

}



#right{

	font-size: 80%;

	line-height: 140%;

	width: 166px;

	float: right;

}



#left .pad {

	padding:10px 0 0 10px;

}



#right .pad {

	padding:10px 5px 0 0;

	marign:0px;

}







#left a,#right a {

	text-decoration: none;

	color: #003366;

	background-color: #ffffff;

}





#left a:link,#right a:link {

	text-decoration: none;

	color: #003366;

	background-color: #ffffff;

}





#left a:link:hover,#right a:link:hover {

	text-decoration: none;

	color: #FF0000;

	background-color: #ffffff;

}





#left a:link:active ,#right a:link:active {

	text-decoration: none;

	color: #FF0000;

}





#left a:visited ,#right a:visited {

	text-decoration: none;

	color: #003366;

}





#left a:visited:hover, #right a:visited:hover {

	text-decoration: none;

	color: #FF0000;

}





#left a:visited:active , #right a:visited:active {

	text-decoration: none;

	color: #FF0000;

}



#left h2,#right h2 {

	font-family: Arial, Tahoma, "Trebuchet MS", Verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif;

	font-size: 100%;

	color: #333;

	background-image: url(img/h2_left.gif);

	background-repeat: no-repeat;

	padding-top: 2px;

	padding-left: 7px;

	margin: 10px 0 3px 0;

	padding-bottom: 2px;

	clear: both;

}





#left h3 , #right h3{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 100%;

	color: #333333;

	padding-top: 2px;

	padding-left: 10px;

	margin-bottom: 5px;

	padding-bottom: 2px;

	clear: both;

}



#left p , #right p{

	margin-top: 3px;

	margin-left: 5px;

	margin-right: 5px;

	margin-bottom: 0px;

	padding-bottom: 0px;

} 





#left ul, #right ul {

	margin-top: 0;

	margin-left: 5px;

	padding-left: 0;

	margin-right: 5px;

	list-style-type: none;

}







#left li a,#right li a {

	text-decoration: none;

	color: #003366;

	text-align: left;

}



#left li li, #right li li {

	text-indent: 5px;

}



#left li a:hover ,#right li a:hover {

	text-decoration: none;

	color: #336699;

}











#left img ,#right img{

	margin-top: 3px;

	border-style: none;

	margin-bottom: 3px;

}



.module-tagcloud .module-content {text-align: left; }

.module-tagcloud .module-content .module-list { list-style: none; }

.module-tagcloud .module-content .module-list .module-list-item { display: inline; }

.module-tagcloud .module-content .module-list li.taglevel1 { font-size: 170%; }

.module-tagcloud .module-content .module-list li.taglevel2 { font-size: 150%; }

.module-tagcloud .module-content .module-list li.taglevel3 { font-size: 130%; }

.module-tagcloud .module-content .module-list li.taglevel4 { font-size: 110%; }

.module-tagcloud .module-content .module-list li.taglevel5 { font-size: 90%; }

.module-tagcloud .module-content .module-list li.taglevel6 { font-size: 70%; }



.photo {

	text-align: left;

	margin-bottom: 20px;

	}



.link-note {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 75%;

	color: #333333;

	text-align: left;

	line-height: 150%;

	margin-top: 10px;

	padding: 2px;

	margin-left: 5px;

	margin-right: 5px;

}







#powered {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 75%;

	color: #333333;

	text-align: left;

	line-height: 150%;

	margin-top: 10px;

	margin-left: 5px;

	margin-right: 5px;

	margin-bottom: 20px;

}









#footer {

	color: #333333;

	background-color: #ffffff;

	background-image: url(img/footer.gif);

	background-position: center bottom;

	background-repeat: no-repeat;

	margin-top: 1px;

	padding: 15px;

	clear: both;

}





address {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 70%;

	font-weight: bold;

	color: #333333;

	text-align: center;

}





/* 右ボタン設定

############################################################################## */

#r_menu{

	margin:10px 0 0 0px;

	padding:0;

	position: relative;

	list-style-type:none;}

	

#r_menu li a{

	text-indent:-9999px;}

	

li.btn1{

	margin:0 0 5px 0;

	padding:0px;

	list-style-type:none;

	width:155px;

	height:46px;

	display:inline;

	overflow:hidden;}

	

li.btn1 a{

	margin:0 0 5px 0;

	padding:0px;

	list-style-type:none;

	width:155px;

	height:46px;

	display:inline;

	overflow:hidden;

	float:left;

	background:url(img/btn1.gif) no-repeat;}

	

li.btn2{

	margin:0 0 5px 0;

	padding:0px;

	list-style-type:none;

	width:155px;

	height:46px;

	display:inline;

	overflow:hidden;}

	

li.btn2 a{

	margin:0 0 5px 0;

	padding:0px;

	list-style-type:none;

	width:155px;

	height:46px;

	display:inline;

	overflow:hidden;

	float:left;

	background:url(img/btn2.gif) no-repeat;}

	

li.btn3{

	margin:0 0 5px 0;

	padding:0px;

	list-style-type:none;

	width:155px;

	height:46px;

	display:inline;

	overflow:hidden;}

	

li.btn3 a{

	margin:0 0 5px 0;

	padding:0px;

	list-style-type:none;

	width:155px;

	height:46px;

	display:inline;

	overflow:hidden;

	float:left;

	background:url(img/btn3.gif) no-repeat;}

	

li.btn1 a:hover,

li.btn2 a:hover,

li.btn3 a:hover{

	background-position: 0px -46px;}

	

/* 右ボタン設定ここまで

############################################################################## */













/* Mac IE テキストエリア文字化け対策 */



select,input,textarea {

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;

}



textarea {

	font-size: 100%;

}