@charset "UTF-8";

/* ---------- 初期化 ---------- */

* {
margin:0;
padding:0;
font-size:12px;
font-family: MS PGothic, Arial, Helvetica, sans-serif;
}

/* ---------- 初期化終了 ---------- */


/* ---------- body ---------- */

body {
margin-right:auto;
margin-left:auto;
text-align: center;
color:#000;
background-color: #FFF;
font-family: MS PGothic, Arial, Helvetica, sans-serif;
}

#main-container {
margin-right:auto;
margin-left:auto;
margin-top: 5px;
background-color :#ffffff;
width:800px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #A0A0A0;
border-right-color: #A0A0A0;
border-bottom-color: #A0A0A0;
border-left-color: #A0A0A0;
}

a {
color:#3366ff;
text-decoration: none;
}

.clear {
clear:both;
}



/* ---------- body_end ---------- */


/* ---------- 見出し ---------- */

h1 {
font-weight :normal;
color:#000;
padding: 3px 5px 0 0;
text-align: right;
}

h2 {
font-weight: bold;
font-size: 14px;
background:url(http://www.prostyle-co.com/genbablog/img/h2.gif) no-repeat top left;
padding: 4px 0 14px 20px;
margin: 0 0 0 0;
}


/* ---------- 見出し_end ---------- */

/*パンクズリスト*/

.breadcrumbs{padding:0px 3px 0 0px;
             font-size:10px;}


/* ---------- header ---------- */

#header {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:left;
background:url(http://www.prostyle-co.com/genbablog/images/index1.jpg) no-repeat top left;
width: 800px;
height: 75px;
}


.tel_fax{width:370px;
height:75px;
float:right;}

/* ---------- header_end ---------- */

/* ---------- sub_header ---------- */

#sub_header{padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width: 800px;
height: 21px;}
/* ---------- sub_header_end ---------- */

/* ---------- FLASH ---------- */

.flash{width:800px;
height:350px;}

/* ---------- FLASH_end ---------- */


/* ---------- main ---------- */

#main {
width: 530px;
text-align: center;
margin: 0px 0px 0px 0px;
float: right;
}

/* ---------- main_end ---------- */


/* ---------- main-content ---------- */

#main-content {
width: 800x;
text-align: left;

}

/* ---------- main-content_end ---------- */

/*全体カラム・・・TOP用*/

.caramu_index{width:760px;
height:505;
}

/*全体カラム・・・TOP用*/

/*全体カラム*/

.caramu{width:760px;
height:auto;
padding:0px 20px 20px 20px;}

/*全体カラム終了*/

/*全体カラム・・・sub用*/

.caramu_sub{width:800px;
height:auto;
}

/*全体カラム・・・sub用終了*/

/*左メニュー・・・sub用*/

.menu_sub{width:195px;
height:1250px;
background:url(subimages/sub17.jpg) repeat-y ;
float:left;
display:inline;
position:relative;
padding:0px 0px 10px 5px;
}

/*左メニュー・・・sub用終了*/

/*左メニュー枠・・・sub用*/

.menu_waku{ width:190px;
height:59px;
padding:5px 0px 0px 0px;}

.menu_waku2{ width:190px;
height:38px;
padding:5px 0px 0px 0px;}

.menu_waku3{ width:190px;
height:75px;
padding:5px 0px 0px 0px;}

.menu_waku4{ width:190px;
height:160px;
padding:5px 0px 0px 0px;}

/*全体カラム内右大枠・・・sub用*/

.right_sub{
width:580px;
height:auto;
padding:0px 0px 0px 13px;
float:left;
display:inline;
position:relative;
font-size: 12px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 20px;
letter-spacing:2px;
color:#000000;
}
/*全体カラム内右大枠・・・sub用終了*/

/*全体カラム内右大枠・・・sub用IE67*/

*:first-child+html .right_sub{
width:580px;
height:auto;
float:left;
display:inline;
position:relative;
font-size: 12px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 20px;
letter-spacing:2px;
color:#000000;
}
/*全体カラム内右大枠・・・sub用終了*/

/*全体カラム内右大枠・・・sub用*/

.right_blog{
width:580px;
height:auto;
padding:0px 0px 0px 13px;
float:left;
display:inline;
position:relative;
font-size: 12px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 20px;
letter-spacing:2px;
color:#000000;
}
/*全体カラム内右大枠・・・sub用終了*/


/*全体カラム内左大枠*/

.left{
width:460px;
height:505px;
float:left;
display:inline;
position:relative;
}

.daikate{width:460px;
height:35px;
}

.syou{width:460px;
height:335px;
}

.service{width:230px;
height:165px;
float:left;}

.service2{width:230px;
height:100px;
float:left;}

.line{width:460px;
height:5px;
float:left;
}

/*全体カラム内左大枠終了*/

/*全体カラム内右大枠*/

.right{
width:285px;
height:505px;
margin:0px 0px 0px 15px;
float:left;
display:inline;
position:relative;
}

.daikate2{width:285px;
height:35px;
float:left;
display:inline;
position:relative;
}

.info{width:500px;
height:atuo;
float:left;
display:inline;
position:relative;
margin:15px;
}

.rink{width:285px;
height:76px;
float:left;
display:inline;
position:relative;
}

/*全体カラム内右大枠終了*/


/* TOP_infoタイトル */

.side dt,
.side dd {
    margin: 0;
    padding: 0;
    color: #063;
    font-size: 10px;
    line-height: 1.5;
text-align: left;
}


/* サイドメニュー */

.sidetitle {
    padding-left:0px;
    color: #063;
    text-align:left;
    font-size: 12px;
    line-height: 2.2;
    padding-top:250px;
}
html>body.sidetitle{
    padding-left:0px;
    color: #333;
    text-align:left;
    font-size:50%;
    line-height: 2.2;
padding-top:250px;
}


.side {
    background:none;
    color: #333;
    font-size: 10px;
    line-height: 1.5;
}
.side ul
 { text-align:left;
    padding-left: 0;
}

.side ol {
    padding-left: 0px;
}


.side ul li {
padding-left:0px;
    list-style-type: none;
text-align:left;
}

html>body.side ul li {
padding-left:0px;
    list-style-type: none;
text-align:left;
}

.side ul li ul {
    padding-left: 0px;
text-align:left;
}
.side li li {
    list-style-type: none;
padding-left:0;
text-align:left;
background:none;
}

/* ブログ記事日付 */
.date {
color:#72BF0D;
font-size:14px;
font-weight:bold;
text-align:left;
background-repeat:no-repeat;
}

/* WEbページタイトル */

#page-title {
font-color:#72BF0D;
font-size:12px;
text-align:right;
}
.asset-name {
font-color:#72BF0D;
font-size:12px;
text-align:right;
}

/* サイトマップ */

.sitemap_menu {width:285px;
height:28px;
float:left;
background:url(subimages/sub26.jpg) no-repeat;
}




/* ---------- footer ---------- */

#footer {
height: 70px;
text-align: left;
padding:0px 15px 15px 15px;
background-color:#F6F6F6;
}

#footer_list {
margin-right:auto;
margin-left:auto;
width:770px;
height: 70px;
text-align: left;
padding:0px 15px 15px 15px;
background-color:#F6F6F6;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #A0A0A0;
border-bottom-color: #A0A0A0;
border-left-color: #A0A0A0;
}

* html #footer_list{
margin-right:auto;
margin-left:auto;
width:802px;
height: 70px;
text-align: left;
padding:0px 15px 15px 15px;
background-color:#F6F6F6;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #A0A0A0;
border-bottom-color: #A0A0A0;
border-left-color: #A0A0A0;
}

#copy{
color:#333333;
font-size:10px;
}

/* ---------- footer_end ---------- */

/* ---------- footer ---------- */

#footer2 {
height: 70px;
text-align: left;
padding:0px ;
background-color:#F6F6F6;
}


/* ---------- footer_end ---------- */


/* ---------- フォント設定 ---------- */

.text_12_blue_b {
	font-size: 12px;
	font-weight: bold;
	color: #04428F;
}

.text_12_black {
	font-size: 12px;
	color:#666666;
	padding:5px 5px 5px 5px;
}
.text_12_blue2_b {
	font-size: 12px;
	font-weight: bold;
	color: #0A79BC;
}
.text_12_o_b{
	font-size: 12px;
	font-weight: bold;
	color: #FF7A00;
}
.text_12_o{
	font-size: 12px;
	color: #FF7A00;
}

.text_12_blue_b_title {
	font-size: 14px;
	font-weight: bold;
	color: #04428F;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	padding-bottom:5px;
	margin-bottom:5px;

}

.text_12_blue_b_title2 {
	font-size: 14px;
	font-weight: bold;
	color: #04428F;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	padding-bottom:5px;
	margin-bottom:5px;
}


.text_10_red {
	font-size: 10px;
	color: #DD2226;
}

.text_12 {
	font-size: 12px;
	color: #000000;
}
.text_10 {
	font-size: 10px;
}

/* ---------- フォント終了 ---------- */

/*　----------リンク設定---------*/

ul.list{
list-style:none;
}
ul.list li{
padding-top:40px;
height:100px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #C1C1C1;
	border-left-color: #CCCCCC;
	margin-bottom:10px;
	padding-bottom:10px;
}

li.overview{
text-align:left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #C1C1C1;
	border-left-color: #CCCCCC;
	padding-bottom:8px;
	margin-bottom:8px;
}

ul#stepul{
list-style:none;
}
ul#stepul li{
margin-bottom:10px;
padding-bottom:10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #C1C1C1;
	border-left-color: #CCCCCC;}

#contents{
padding:0px 0px 0px 60px;
width:500px;
}
ul#sitemap{
list-style-type:none;
}

ul#sitemap li {
	padding:8px 0 8px 0px;
}

ul#sitemap li.line {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #C1C1C1;
	border-left-color: #CCCCCC;
}

ul.menulist{
list-style-type:square;
padding:3px 0 0 50px;
}

ul.menulist1 li{
}


.anniu{
width:220px;
letter-spacing:4px;
text-align:center;
	
}
.anniu a:link , .anniu a:visited{
font-size:14px;
	display:block;
	background-color:#99FF66;
	padding:20px 10px 20px 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #339900;
	border-right-color:#339900;
	border-bottom-color: #339900;
	border-left-color: #339900;
	font-weight: bold;
	text-decoration: none;
	color:#339900;
}
.anniu a:hover{
font-size:14px;
background-color:#D5EEFF;
display:block;
	padding:20px 10px 20px 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4191D1;
	border-right-color: #4191D1;
	border-bottom-color: #4191D1;
	border-left-color: #4191D1;
		font-weight: bold;
	text-decoration: none;
	color:#4191D1;
}





a:link {
	line-height: 19px;
	text-decoration: underline;
	color: #3C3C3C;
	
}
a:visited {
	line-height: 19px;
	text-decoration: underline;
	color: #3C3C3C;
}
a:hover {
	line-height: 19px;
	color: #373737;
	text-decoration: none;
}

#footer a:link {
font-size:10px;
	line-height: 19px;
	text-decoration: underline;
	color: #666666;
	
}
#footer a:visited {
font-size:10px;
	line-height: 19px;
	text-decoration: underline;
	color: #666666;
}
#footer a:hover {
font-size:10px;
	line-height: 19px;
	color: #373737;
	text-decoration: none;
}

ul#news{
list-style-type : none;
}

ul#news li{
	margin-top:8px;
	border-bottom:#cccccc 1px dashed;
	font-size:10px;
	padding:0px 0px 3px 25px;
	background-image:url(images/index_19.gif);
	background-repeat:no-repeat; 
}
.time{
	font-weight: bold;
	color: #000000;
}

ul#news li a{
color:#666666;
	font-size:10px;}

ul#news li a:hover{
	color: #FB8700;
}

#left ul{
list-style:none;
}

#left ul li{
margin-bottom:8px;
}


#left2 ul{
list-style:none;
}

#left2 ul li{
margin-bottom:8px;
}

/*リンク終了*/

/*ブログ設定*/
/*ブログ設定*/
.content-nav {height:40px;
    text-align: center;
    font-size: 12px;
color:#063;
}

.blog {
    padding: 10px 15px;
}

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

/* ブログ記事日付 */
.date {
    margin: 8px 0 3px;
color:#0c5000;
font-size:12px;
font-weight:bold;
text-align:left;
}

/* ブログ記事日付 */
*:first-child+html .date {
 margin: 8px 0 3px 8px;
color:#0c5000;
font-size:12px;
font-weight:bold;
text-align:left;
}

/* ブログ記事日付・各タイトル */


.trackbacks-header,
.comments-header,
.comments-open-header,
{
    padding-left: 8px;
    border:1px solid #ccc;
    color: #0c5000;
    background: #eee;
    font-size: 12px;
    font-weight: bold;
    line-height: 2.0;
}
.search-header,
{   padding-left: 0px;
    font-size:12px;
    font-wight:bold;
    line-height:2.0;
}


*:first-child+html  .trackbacks-header,
.comments-header,
.comments-open-header,
{
    padding-left: 16px;
    border:1px solid #ccc;
    color: #0c5000;
    background: #eee;
    font-size: 12px;
    font-weight: bold;
    line-height: 2.0;
}
.search-header,
{ padding-left: 8px;
    font-size:12px;
    font-wight:bold;
    line-height:2.0;
}


/* ブログ記事タイトル */
.entry-header {
    margin: 15px 3px 5px;
    padding: 0px 8px 5px 35px;
    border: 1px solid #ccc;
    background:#eee url(http://www.prostyle-co.com/genbablog/subimages/111.gif);
    background-repeat:no-repeat;
    font-size: 12px;
    font-weight: bold;
}


/* ブログ記事 */
.mail-content,
.entry {
    width: 450px;
    margin: 0 3px 15px;
    color: #36414d;
    background: #fff;
    font-size: 12px;
    line-height:1.5;
    word-break: break-all;
}

*:first-child+html .mail-content,.entry {
    width: 400px;
padding:0px 3px 15px 10px;
    margin: 0px 3px 15px 10px;
    color: #36414d;
    background: #fff;
    font-size: 12px;
    line-height:1.5;
    word-break: break-all;
}
 

/* コメント・トラックバック */
#trackbacks,
#comments {
    margin: 10px 0;
}

.trackbacks-header,
.comments-header,
.comments-open-header {
    margin: 15px ;
}


#trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content {
    margin: 0 2px;
    padding: 0;
    font-size: 83.3%;
    line-height: 1.5;
    word-break: break-all;
}



.trackback-content p,
.comment-content p {
    margin-top: 10px;
    margin-bottom: 5px;
}

.trackback-footer,
.comment-footer {
    margin-right: 2px;
    padding-top: 3px;
    border-top: 1px dotted #36414d;
    font-size: 66.6%;
    text-align: right;
}


#comments-open-data p {
    margin-bottom: 10px;
}
#comment-post {
    font-weight: bold;
}
#comment-author, #comment-email, #comment-url {
    width: 220px;
    height: 20px;
}
html > body #comment-author,
html > body #comment-email,
html > body #comment-url {
    height: 15px;
}
#comment-text {
    width: 400px;
    height: 150px;
}
#comment-bake-cookie {
    margin-left: 2px;
    vertical-align: middle;
}
#comments-open-footer {
    margin-top: 15px;
    text-align: center;
}
.comments-open label {
    display: block;
}
#comment-reply-label {
  display: inline;
}
#comment-form-reply {
  margin-bottom: 8px;
}

.status-indicator {
    display: inline;
    height: 20px;
    width: 20px;
   padding: 2px 7px;
}

/*ブログメニュー・・・sub用*/

.blogmenu_sub{width:250px;
height:1150px;
background:url(http://www.prostyle-co.com/genbablog/subimages/sub17.jpg) repeat-y ;
float:left;
display:inline;
position:relative;
padding:0px 0px 10px 5px;
}

/*ブログメニュ・・・sub用終了*/

/*ブログー・・・INDEX用*/
#prostyleblog{width:540px;
height:auto;
float:left;
display:inline;
position:relative;
padding:0px 10px 0px 10px;
margin:10px;
}

.tukigoto{font-size:12px;
margin-bottom:3px;
text-align:center;}

.widget-recent-assets widget{width:250px;}

.widget-content{width:220px;
height:600px;}

.widget-content ul li{
height: 42px;
    width: 54px;
float:left; 
}

li.item{ height: 42px;
    width: 54px;
float:left;
}