@media (min-width: 768px) 
{
/* 横幅が767px以下の場合に適用するスタイル */
#Div_HeaderMenuBar
{
  display: none;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}
html {
    overflow-y: scroll;
}

img,
abbr,
acronym,
fieldset {
    border: 0;
    vertical-align: bottom;
}
li {
    list-style-type: none;
}

body {
    padding-top: 0px;
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    background: url(http://caucle.jp/img/apback.jpg) repeat-x center top;
    padding-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    z-index: 1;
}
.pager_t {
    height: 20px;
    font-size: 16px;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 0px;
    z-index: 1;
    display: normal;
    clear: both;
}
.pager_b {
    height: 20px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
    z-index: 100;
}
#pager_t_prv {
    position: relative;
    left: 20px;
}
#pager_b_prv {
    clear: both;
    position: relative;
    left: 20px;
    top: -10px;
}

#pager_b_nxt {
    clear: both;
    position: relative;
    right: 20px;
    top: -10px;
}

.pb_lv {
    display: none;
}
.unb2 {
    margin-top: 10px;
}
.unf2 {
    margin-top: 10px;
}

#ctl00_Div_UPBlock {
    position: relative;
    top: 0px;
}

a {
    text-decoration: none;
}

#top_bg {
    width: 100%;

    background: url(../image/top_bg.jpg) center top #ffffff no-repeat;
    overflow: hidden;
}

#header {
    overflow: hidden;
}

#top-left {
    width: 166px;
    float: left;
}

h1 {
    color: #ffffff;
    font-size: 11px;
    line-height: 1.5em;
    position: relative;
    top: 10px;
    left: 20px;
}

#top-right {
    width: 215px;
    float: right;
    margin-top: 35px;
    margin-right: 45px;
    overflow: hidden;
}
#gallery-bnr {
    margin-top: 6px;
    float: left;
    width: 299px;
}

#anchor {
    position: relative;
    height: 15px;
    top: -21px;
    left: 20px;
    z-index: 100;
    color: #e4e3e3;
    font-size: 11px;
}
.mobile
{
display:none;
}
}

@media (max-width: 767px) {
/* 横幅が767px以下の場合に適用するスタイル */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

hr {
    color: #cccccc;
    width: 100%;
    border-width: 1px 0 0 0;
}

BODY {
    width:100%;
    text-align: center;
    text-align: left;
    font: 90%/1.3em Verdana, Tahoma, arial, sans-serif;
    color: #000000;
    background-color: #fafafa;
    background-image: url(http://caucle.jp/img/carboxback.jpg);
    background-position: top;
    background-repeat: repeat-x;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;

}
.container.mobile .mb-3 .mb-md-4 img 
{
    text-align: center !important;
}
.up_okitabilogo {
    margin: 0px;
    padding: 0px;
    clear: both;
    float: left;
    position: absolute;
    top: 5px;
    left: 100px;
}

a {
    color: #0c0e4b;
    text-decoration: none;
}
.pager_b {
    height: 20px;
    font-size: 16px;
    font-weight: bold;
    z-index: 5;
}

.pager_t {
    height: 25px;
    font-size: 14px;
    font-weight: bold;
    z-index: 1;
    margin-left: 5px;
}

.pb_lv {
    display: none;
}
.unun {
    display: none;
}
.unb2 {
    display: none;
}

img {
    max-width: 100%;
}
.container-fluid
{
display:none;
}
.pc, #UnUnListBox
{
display:none;
}
/*.youtube
{
	position    : relative !important;
	width       : 100% !important;
	padding-top : 56.25% !important;
}
.youtube > iframe
{
	position : absolute !important;
	top      : 0 !important;
	right    : 0 !important;
	width    : 100% !important;
	height   : 100% !important;
}*/
} 
* html #home {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3000;
}

#home {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 3000;
}

div#fixbot {
    position: fixed;
    bottom: 15px;
    right: 0px;
    font-size: 14px;
    z-index:3000;
}
div#fix {
    position: fixed;
    bottom: 60px;
    right: 0px;
    font-size: 14px;
    z-index:3000;
}

#carcle_footer {
    display: none;
    width: 100%;

    font-size: 100%;
    margin: auto;
    text-align: center;
    color: #000000;
}
#carcle_footer_ad {
    width: 100%;
    clear: both;
    font-size: 90%;
    margin: auto;
    text-align: center;
    color: #00844a;
    position: relative;
    top: 0px;
}

#carcle_footer_ad2 {
    width: 100%;
    clear: both;
    font-size: 110%;
    margin: auto;
    text-align: right;
    color: #00844a;
    position: relative;
    top: 0px;
}

/* pc */
@media (min-width: 768px) {
.white01 {
    text-indent: 10px;
    position: relative;
    top: 0px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0px;
    font-size: 0.1px;
    line-height: 0.1px;
}

.clearfix {
    display: inline-block;
    position: relative; /* DW */
}

#footerwhg {
    background: #2f2f2b url(../img/common_footer_bg01.gif) repeat-x left bottom;
}

#footerwhg #footer_01 {
    width: 1000px;
    margin: 0 auto;
    padding: 5px 0 9px;
}

#footerwhg #footer_01 ul {
    float: left;
    width: 900px;
    padding: 2px 0 0 8px;
}

#footerwhg #footer_01 ul li {
    display: inline;
    padding-right: 16px;
    position: relative;
    top: 5px;
}

*:first-child + html #footerwhg #footer_01 ul li {
    display: inline;
    zoom: 1;
}

#footerwhg #footer_01 ul li.btn01 {
    padding: 2px 6px 0 0;
    font-size: 0;
    line-height: 0;
}

#footerwhg #footer_01 p {
    float: right;
}

#footer #footer_02 {
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 10px;
    border-bottom: 2px solid #000000;
}

#footerwhg #footer_02 p#footer_02_l {
    float: left;
    padding-left: 8px;
}

#footer_02 p#footer_02_l img {
    vertical-align: middle;
}

#footer_02 p#footer_02_l span {
    margin-top: 2px;
    padding-left: 14px;
}

#footerwhg #footer_02 p#footer_02_r {
    float: right;
    padding-top: 7px;
}

#footer-logo {
    margin-top: 20px;
}

/* ======== footer end ======== */

/*  setting start -------------*/
.fontBold {
    font-weight: bold;
}
.taLeft {
    text-align: left;
}
.taRight {
    text-align: right;
}
.taCtr {
    text-align: center;
}
.flLeft {
    float: left;
}
.flRight {
    float: right;
}
.flClr {
    clear: both;
}
.psRel {
    position: relative;
}
.psAbs {
    position: absolute;
}
.topMargin0 {
    margin-top: 0;
}
.topMargin1 {
    margin-top: 1px;
}
.topMargin5 {
    margin-top: 5px;
}
.topMargin10 {
    margin-top: 10px;
}
.topMargin15 {
    margin-top: 15px;
}
.topMargin20 {
    margin-top: 20px;
}
.topMargin25 {
    margin-top: 25px;
}
.topMargin30 {
    margin-top: 30px;
}
.topMargin40 {
    margin-top: 40px;
}
.topMargin50 {
    margin-top: 50px;
}
.topMargin60 {
    margin-top: 60px;
}
/*  setting end ---------------*/

ol,
ul {
    list-style: none;
}

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

#footer ul li {
    float: left;
    margin: 0px 7px 0px 0px;
    padding: 0px 0px 0px 14px;
    font-size: 11px;
    line-height: 1.2;
    color: #000000;
    background-image: url(/img/pc/common/footIcon01.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

#showroomArea {
    width: 100%;
    height: auto;
    border: 1px solid #c1c1c1;
    margin: 1px 1px 0 0;
    background: #ffffff;
    padding: 10px;
    overflow: hidden;
}

#showroomArea2 {
    width: 100%;
    height: 70px;
    border: 1px solid #c1c1c1;
    margin: 1px 1px 0 0;
    background: #2f2f2b;
    padding: 10px;
    overflow: auto;
    color: #ffffff;
}

.srList {
    width: 930px;
    height: auto;
    margin: 10px 0 0 0;
}

.srL_li1 {
    margin: 0 4px 0 0;
}

.srL_li2 {
    margin: 0 5px 0 0;
}

.btnArea {
    width: 100%;
    height: 22px;
}
.footer_category {
    width: 100%;
    text-align: center;
    font-family: "メイリオ";
    color: #000;
    padding-top: 2px;
    height: 400px;
    background-color: #fff;
    font-size: 10px;
    position: relative;
    top: 3px;
}

#Div_HeaderMenuBar {
    position: relative;
    top: -25px;
}

* html #home {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 22;
}

#home {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 23;
}

div#fixbot {
    position: fixed;
    bottom: 35px;
    right: 0px;
    font-size: 14px;
    z-index: 20;
}
div#pagetop {
    position: fixed;
    bottom: 80px;
    right: 0px;
    font-size: 14px;
    z-index: 19;
}
#footer {
    display: none;
}

#footer2 {
    height: 323px;
    background: url(http://www.j-wolf.co.jp/image/footer_bg.jpg) center top #ffffff repeat-x;
}

#carcle_footer {
    display: none;
}

#contents_body {
    width: 1000px;
    padding-top: 0px;
    margin-top: 0px;
    background-color: #ffffff;
    background-position: center top;
    position: relative;
    top: 0px;
    overflow: hidden;
}
}

/* movile */
@media (max-width: 767px) {
   /* 横幅が767px以下の場合に適用するスタイル */
#carcle_footer {
    display: none;
    width: 100%;

    font-size: 100%;
    margin: auto;
    text-align: center;
    color: #000000;
}
#carcle_footer_ad {
    width: 100%;
    clear: both;
    font-size: 90%;
    margin: auto;
    text-align: center;
    color: #00844a;
    position: relative;
    top: 0px;
}

#carcle_footer_ad2 {
    width: 100%;
    clear: both;
    font-size: 110%;
    margin: auto;
    text-align: right;
    color: #00844a;
    position: relative;
    top: 0px;
}

#footer, #footer_01, #footer_02_l, #footer-logo
{
    display: none;
}
} 
@media (min-width: 768px) {
/* pc.ver */
.banner2 {
    margin-right: 14px;
    margin-bottom: 5px;
    box-shadow: 0px 0px 5px #fcf7f7;
    -moz-box-shadow: 0px 0px 5px #fcf7f7;
    -webkit-box-shadow: 0px 0px 5px #fcf7f7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#cbcaca,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=6)";
    filter: progid:DXImageTransform.Microsoft.Glow(color=#cbcaca,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=6);
    float: left;
    border: 1px solid #cccccc;
}

.pro_left {
    float: left;
    position: relative;
    left: 0px;
    top: -15px;
}
.pro_right {
    float: right;
    position: relative;
    top: -4px;
    right: 2px;
}

.up_banner {
    text-align: left;
    width: 1000px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    margin-top: 0px;
}

h1.up_title {
    text-align: left;
    padding-left: 30px;
    padding-top: 5px;
    color: #000000;
    font-size: 16px;
    text-decoration: none;
    background: transparent;
    margin-bottom: 0px;
}

.up_description {
    display: none;
    text-align: left;
    padding-left: 30px;
    padding-top: 0px;
    font-size: 11px;
    color: #50503e;
    width: 60%;
    font-family: "メイリオ";
    line-height: 1.2em;
    margin-bottom: 0px;
    font-weight: bold;
}
}

@media (max-width: 767px) {
/* 横幅が767px以下の場合に適用するスタイル */
.container.mobile .mb-3 .mb-md-4 img 
{
    text-align: center !important;
}

.section-inner {
    clear: both;
    position: relative;
    top: 0px;
    left: 0px;
    font-size:1.3em;
    text-decoration: none;
    font-family: "Meiryo UI", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka",
        sans-serif;
    color: #000000;
}
.section-inner a {
    color: #000000;
}
.section-inner a:visited {
    color: #000000;
}
.section-inner a:hover {
    color: #ff0000;
}
.section-inner a:active {
    color: #000000;
}
.ad {
    padding: 0px;
    clear: both;
    float: left;
    position: relative;
    left: 110px;
    top: 0px;
    bottom: 10px;
    height: 72px;
    width: 468px;
}
.up_banner {
    text-align: center;
    width: 100%;
}

h1.up_title {
    font-weight: 500;
    text-align: center;
    color: #000000;
    font-size: 1.5rem;
    text-decoration: none;
    font-family: "メイリオ" "Times New Roman";
margin-bottom:10px;
margin-top:10px;
}

.up_description 
{
    text-align: left;
    padding-left: 50px;
    padding-top: 0px;
    font-size: 12px;
    color: #000;
    width: 100%;
    font-weight: bold;
    height: 50px;
    overflow: auto;
}
} 
@media (min-width: 768px) {
   /* 横幅が768px以上の場合に適用するスタイル */
#ctl00_Div_Left a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    background: #fff;
}

.ninja_onebutton {
    width: 600px;
    height: 20px;
    position: relative;
    top: 0px;
    left: 30px;
}
.contentsblock-top {
    background-image: url(http://caucle.jp/img/wakutop1.png);
    background-repeat: no-repeat;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
    width: 705px;
    height: 9px;
    margin-top: 0px;
    position: ralative;
    top: 30px;
    left: 1px;
    z-index: 5;
}
.contentsblock {
    width: 705px;
    margin-right: -10px;
    color: #e4e4e4;
    padding-right: auto;
    padding-left: auto;
    background-image: url(http://caucle.jp/img/wakumid1.png);
    background-repeat: repeat-y;
    position: relative;

    top: 0px;
    z-index: 1000;
}
.contentsblock-bottom {
    background-image: url(http://caucle.jp/img/wakubot1.png);
    background-repeat: no-repeat;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 15px;
    margin-top: -5px;
    width: 705px;
    height: 20px;
    position: relative;
    top: -25px;
}
}

@media (max-width: 767px) {
/* 横幅が767px以下の場合に適用するスタイル */
} 
/* ------------------------------------------------
ナビゲーションボタン
------------------------------------------------ */
/* ボタン表示ブロック */
.carcle_main_menu_block
{
	font-weight : bolder;
	text-align:center;
	margin-top : 5px;
	margin-bottom : 5px;
	padding-top : 13px;
	padding-bottom : 13px;
}
.carcle_main_menu
{
	display : inline;
	padding-left : 5px;
	padding-right : 5px;
}
 
/* ------------------------------------------------
プロフィール表示設定
------------------------------------------------ */
/* プロフィール表示テーブル */
.TblProf
{
        width : 600px;
	border-collapse:collapse;
	border-top : solid 0px #DCDCDC;
	border-left : solid 2px #ffffff;
	border-right : solid 7px #ffffff;
	border-bottom : solid 0px #DCDCDC;
        padding-top : -10px;
        margin-bottom : 10px;
        padding-left: 20px;
        line-height:20px;
        background : #E6E6FA;
        color : #141414;
        margin : auto;
 
}
.TblProf td
{
        padding-left : 13px;
        padding-right : 10px;
	border: solid 0px #DCDCDC;
}

#TblProf th
{
	border-top : solid 1px #666666;
	border-bottom : solid 0px #666666;
	border-right : solid 0px #666666;
	border-left : solid 1px #666666;
}


td.TblProf 
{
	border-top : solid 0px #D3D3D3;
	border-bottom : solid 0px #D3D3D3;
	border-right : solid 0px #D3D3D3;
	border-left : solid 0px #D3D3D3;
        margin-bottom : 50px;

}

/* 新着情報表示テーブル */
.TblProf_News
{
	border-top : solid 1px #D3D3D3;
	border-right : solid 1px #D3D3D3;
	border-bottom : solid 1px #D3D3D3;
	border-left : solid 1px #D3D3D3;
        width : 619px;
        color : #141414;
}
.TblProf_News a
{
        color : #0011BB;
}
.td.TblProf_News
{}

.th.TblProf_News 
{
	border : none;

}
.TblProf_News_Th
{
        background: #E6E6FA url(https://carcle.jp/users/1/img/sozai/guestbook-2.jpg);
        color : #ffffff;
        font-weight: bold;
        height : 39px;
        width : 620px;
	background-repeat: no-repeat;
	border : solid 1px #E6E6FA;
}

.TblProf_News_Td
{
        background : #E6E6FA;
        padding-left : 13px;
        padding-right : 10px;
        width : 618px;
}
.TblProf_Photo ,
td.TblProf_Photo ,
th.TblProf_Photo 
{
	border : none;
}

/* 新着情報表示テーブル */
.TblProf_Intro
{
	border-collapse:collapse;
	border-top : solid 1px #000000;



}
td.TblProf_Intro ,
th.TblProf_Intro 
{
	border : solid 0px #ffffff;
        margin-bottom : 30px;

}

/* ------------------------------------------------
マイカー表示設定
------------------------------------------------ */
/* マイカーブロック */
.mycar
{
	width : 600px;
	margin-bottom : 5px;
	border : thick solid #cccccc;
	padding : 5px;
	color: #666666;
	margin-right: auto;
	margin-left: auto;
	background-color: #bfb6b2;
}
.mycar td
{
	background : #F4F9F4;
	padding-left : 13px;
	padding-right : 10px;
	width : 600px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #bfb6b2;
}

/* マイカー画像 */
.mycar_image
{
	display : block;
	text-align : center;
	margin-bottom : 5px;
}
/* マイカー説明 */
.mycar_text
{
	padding : 10px;
	background-color: #CCCCCC;
	border-top: 3px solid #bfb6b2;
	color: #333333;
}
/* イベント */
.event
{
       	border : solid 5px #cccccc;	
        background-color: #fcfbed;
        color : #000000;
	width : 660px; 
        margin-left : 15px;
}

.event_title
{
	font-weight : bolder;
	padding : 10px 5px 10px 0px;
	font-size: 18px;
        BACKGROUND: url(https://carcle.jp/users/1/img/sozai/ibent-1.gif) no-repeat ;
        text-indent : 4em;
	vertical-align:text-top;
	line-height: 48px; 
        border : 0px;
        
}

.event_data
{
        BACKGROUND: url(https://carcle.jp/users/1/img/sozai/enevt-2.gif) repeat-x ;
	border : solid 5px #fed071;	
        font-weight: bold;
	width : 615px;
}
.event_text
{
	margin : 0px 0px 10px 0px;
	width : 600px;
	border : double 4px #f3ea82;
	background-color: #fbf8da;
        padding : 15px;
}
.event_comment
{

        margin-left : 20px;
}
.event_comment_body
{
	line-height : 150%;
	width : 500px;
	padding-bottom : 10px;
        padding-right : 0px;
	margin-bottom : 0px;
        margin-left : 0px;
     	border-top: 2px solid #CCCCCC;
     	border-right: 2px solid #CCCCCC;
     	border-left: 2px solid #CCCCCC;
     	border-bottom: 2px solid #CCCCCC;
	background-color: #f5f9fb;
}
.event_comment_posted
{
	font-size : 12px;
	text-align : left;
	border-top: 1px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #f5f9fb;
        height : 0px;
	line-height: 30px;
	padding-left : 44px;
        padding-top: 11px;
        padding-bottom : 10px;
        padding-right : 30px;
 background-image: url(https://carcle.jp/users/1/img/sozai/guestbook-3.jpg);
}
.event_comment_text
{
       padding-left : 20px;
       padding-right : 20px;
}

.ctl00_ContentPlaceHolder1_Div_PostCommentFrame
{
	line-height : 120%;
	width : 305px;
	margin-top : 20px;
	margin-bottom : 10px;
        margin-left : 5px;
     	border-top: 2px solid #3b619c;
     	border-right: 2px solid #3b619c;
     	border-left: 2px solid #3b619c;
     	border-bottom: 2px solid #3b619c;
	background-color: #9ebef5;
        padding: 10px;
        background-color: #cccccc;
        color : #000000;

}

.ctl00_ContentPlaceHolder1_FTBCComment_FTBInput1_OuterTable {
	width: 70%;
	background-color: #9EBEF5;
}

.ctl00_ContentPlaceHolder1_Table_FriendIntroduction
{
        background: #E6E6FA url(https://carcle.jp/users/1/img/sozai/new-2.jpg);
        color : #ffffff;
        font-weight: bold;
        height : 40px;
        width : 400px;
	background-repeat: no-repeat;

}

/* カーともからの紹介文 */
.TblProf_Intro_Th
{
        background: #E6E6FA url(https://carcle.jp/users/129/img/temp/cartomo-3.jpg);
        color : #4e4e3f;
        font-weight: bold;
        height : 40px;
	background-repeat: no-repeat;

}
#ctl00_ContentPlaceHolder1_Table_FriendIntroduction
{
	border-top : solid 1px #000000;
	border-left : solid 1px #cccccc;
	border-right : solid 1px #cccccc;
	border-bottom : solid 1px #cccccc;
        width : 619px;

}

#ctl00_ContentPlaceHolder1_Table_FriendIntroduction
{
	border-top : solid 1px #cccccc;
	border-bottom : solid 1px #cccccc;
	border-right : solid 1px #cccccc;
	border-left : solid 1px #cccccc;
	background-color: #f6f7d5;
        color : #757664;
}

/* カーとも一覧 */
#ctl00_ContentPlaceHolder1_GridViewResult
{
        color : #000000;
}
h2
{
        color : #000000;
 	position: relative;
	left: 30px;
        margin-top : 0px;
        padding-top : 20px;
}
#Div_FriendList
{
       margin-left : 20px;
}

#ctl00_ContentPlaceHolder1_LabelDataInfo
{
        color : #000000;
        float: left;
 	position: relative;
	left: 30px;
} 
/* ------------------------------------------------
サイドメニューコンテンツ表示設定（左右共通）
------------------------------------------------ */

#left {
    width: 299px;
    float: left;
}

#menu {
    background: url(http://www.j-wolf.co.jp/image/menu_line.jpg) center top #ffffff no-repeat;
    width: 299px;
    height: 292px;
}

#menu .menu-top {
    padding-top: 22px;
    margin-left: 30px;
}

#menu .top-igai {
    padding-top: 10px;
    margin-left: 30px;
}

#company {
    background: url(http://www.j-wolf.co.jp/image/com-line.jpg) center top #ffffff repeat-y;
    width: 299px;
}

#company-naiyou {
    margin-left: 30px;
    margin-bottom: 15px;
}

#company-naiyou p {
    font-size: 10px;
    margin-top: 14px;
}

.backbot {
    position: relative;
    top: 0px;
}

#ctl00_Panel_MySearch {
    position: relative;
    left: 15px;
}

/* ------------------------------------------------
サイドメニューコンテンツ表示設定（左右共通）
------------------------------------------------ */
.tugi {
    text-align: center;
}

.official p {
    margin-bottom: 5px;
}
.official {
    margin-top: 25px;
    margin-bottom: 25px;
}

.official a img {
}
.official a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    background: #fff;
}

#bizCallendar01 {
    width: 260px;
}
#bizCallendar02 {
    width: 260px;
}

.bizcalTitle {
    position: relative;
    left: 45px;
}

.fb-activity {
    position: relative;
    top: 10px;
    margin-bottom: 10px;
}
#header_links {
    position: relative;
    right: 0;
    top: 10px;
    width: 206px;
    height: 60px;
}

#header_links ul li {
    float: left;
    padding-left: 12px;
    margin-bottom: 12px;
}
#twitter,
#fb,
#youtube {
    display: block;
    width: 30px;
    height: 30px;
    padding-top: 9px;
}
#twitter {
    background: url(http://www.alfaromeogiulietta.jp/images/btn_twitter.png) no-repeat center center;
}
#fb {
    background: url(http://www.alfaromeogiulietta.jp/images/btn_facebook.png) no-repeat center center;
}
#youtube {
    background: url(http://www.alfaromeogiulietta.jp/images/btn_youtube.png) no-repeat center center;
}
#mondo {
    display: block;
    width: 67px;
    height: 38px;
    background: url(http://www.alfaromeogiulietta.jp/images/btn_mondo.png) no-repeat center center;
    padding-left: 5px;
}

#ctl00_MyNews img {
    display: none;
}

.bizcal {
    width: 260px;
}

#ctl00_MyFriends {
    padding-left: 50px;
}
#ctl00_MyMember {
    padding-left: 50px;
}
#ctl00_MyOwnersLink {
    padding-left: 50px;
}
#ctl00_MyCommuLink {
    padding-left: 50px;
}
.side_block {
    width: 300px;
    position: relative!important;
    top: 10px!important;
    background-repeat: no-repeat;
    left: 0px;
}
/* サイドメニュータイトル */
.side_title {
    color: #666666;
    font-weight: bolder;
    text-align: center;
    padding-left: 4px;
}
/* サイドメニュー内画像表示位置 */
.sideimage {
    display: block;
    text-align: center;
    padding: 2px;
}

/* サイドメニューコンテンツ内リンク文字 */
.side a {
    text-decoration: none;
    color: 2b2b2b;
}
.side a:hover {
    text-decoration: underline;
    color: #2b2b22;
}
.side_block a:visited {
    color: #2b2b23;
}

.side_contents_block {
    background-image: url(https://carcle.jp/users/2511/img/templete/fotop.png);
    background-position: 0% 0%;
    background-repeat: no-repeat;

    position: relative;
    top: 0px;
    height: 23px;
    z-index: 3;
}
.side_bot {
    background-image: url(https://carcle.jp/users/2511/img/templete/zobot.png);
    background-repeat: no-repeat;

    height: 23px;
    z-index: 3;
}

.side_contents_contents {
    width: 90%;
    text-align: left;
    position: relative;
    left: 20px;
}
.side_body {
    overflow: hidden;

    background-image: url(https://carcle.jp/users/2511/img/templete/fomid.png);
    background-position: 0% 0%;
    background-repeat: repeat-y;
    position: relative;
    top: 0px;
    width: 298px;
    z-index: 5;
    padding-bottom: 0px;
}

.side_contents_title_right {
    background-image: url();
    background-position: 100% 0%;
    background-repeat: no-repeat;
}

.side_contents_bottom_left {
    background-position: 0% 100%;
    background-repeat: no-repeat;
}

.side_contents_bottom_right {
    padding-bottom: 5px;
    background-image: url();
    background-position: 100% 100%;
    background-repeat: no-repeat;
}

.side_contents_bottom_center {
    background-position: 0% 100%;
    background-repeat: no-repeat;

    width: 260px;
    margin-left: 3px;
    margin-right: 3px;
} 
 
 
/* ------------------------------------------------
カレンダー関連（サイドカレンダー用）
------------------------------------------------ */

/* カレンダーブロック */
#calendarblock 
{
	margin-bottom : 5px;

	background-color : #ffffff;
	border-top	: solid 2px #99FFFF;
	border-bottom	: solid 2px #99FFFF; 
	border-left	: solid 2px #99FFFF; 
	border-right	: solid 2px #99FFFF; 
	padding : 2px 2px 5px 2px;
width:275px;;
position:relative;
left:8px;
}

/* カレンダータイトル部(現在月・前次月リンク) */
.calendar_TitleStyle 
{
	font-weight : normal;
	background-color : #EEEEEE;
	color : #72A0FF;

}
/* タイトル部余白調整・枠線 */
.calendar_TitleStyle td ,
.calendar_TitleStyle th 
{
	height : 20px;
        border-top : solid 1px #99FFFF; 
	border-bottom : solid 1px #99FFFF; 
	border : none;
}

/* 曜日表示 */
.calendar_DayHeaderStyle 
{
	background-color : #DDE8FF;
	padding : 1px 0px 0px 3px;
	color : #888888;
	font-weight : normal;

}
/* 前次月表示 */
.calendar_NextPrevStyle 
{
	font-weight : bold;
	color : #72A0FF;
}
.calendar_NextPrevStyle a 
{
	text-decoration : none;
}

/* 六曜名表示 */
.calendar_RokuyoName
{
	display : none;	/* 通常=inherit|非表示=none */
	font-size : 8px;
	color : #888888;
}
/* 祝日名表示 */
.calendar_HolidayName
{
	display : none;	/* 通常=inherit|非表示=none */
	font-size : 8px;
	color : #888888;
}


/* 日にち表示セル */
/* 基本表示 */
.calendar_DayStyle
{
	height : 24px;
	vertical-align : middle;
	text-align : center;
	border : none;
	color :  #888888;
	font-size : 13px;
	font-weight : normal;
	background-color : #ffffff;
}
/* 特殊日セル　基本表示と重ねて使用 */
.calendar_DayStyle_Holoday { }
.calendar_DayStyle_Sunday  { }
.calendar_DayStyle_Saturday { }
/* 当日　基本表示＋特殊日のスタイルより優先 */
.calendar_DayStyle_Today { background-color : #FFFFCC; border : solid 2px #FFCC33; }
/* イベントある日のセル・１　基本表示と重ねて使用・特殊日や当日のスタイルを優先したい場合に設定 */
.calendar_DayStyle_OnSchedule_Pre {	background-color : #EFF4FF; }
/* イベントある日のセル・２　基本表示＋特殊日＋当日のスタイルより優先したい場合に設定 */
.calendar_DayStyle_OnSchedule_Late { }


/* 日付表示・リンク無し日付文字色 */
.calendar_DispDayStr { color : #888888; }
/* 特殊日　基本表示と重ねて使用 */
.calendar_DispDayStr_Holiday { color : #ff3333; }
.calendar_DispDayStr_Sunday { color : #ff3333; }
.calendar_DispDayStr_Saturday { color : #3333ff; }
/* 当日　基本表示＋特殊日のスタイルより優先 */
.calendar_DispDayStr_Today { color : #33bb33; }
/* イベントある日のセル・１　基本表示と重ねて使用・特殊日や当日のスタイルを優先したい場合に設定 */
.calendar_DispDayStr_OnSchedule_Pre { }
/* イベントある日のセル・２　基本表示＋特殊日＋当日のスタイルより優先したい場合に設定 */
.calendar_DispDayStr_OnSchedule_Late { }


/* 日付表示・リンクあり日付文字 */
a .calendar_DispDayStr { text-decoration : underline; }
/* 特殊日　基本表示と重ねて使用 */
a .calendar_DispDayStr_Holiday { }
a .calendar_DispDayStr_Sunday { }
a .calendar_DispDayStr_Saturday { }
/* 当日　基本表示＋特殊日のスタイルより優先 */
a .calendar_DispDayStr_Today { }
/* イベントある日のセル・１　基本表示と重ねて使用・特殊日や当日のスタイルを優先したい場合に設定 */
a .calendar_DispDayStr_OnSchedule_Pre { }
/* イベントある日のセル・２　基本表示＋特殊日＋当日のスタイルより優先したい場合に設定 */
a .calendar_DispDayStr_OnSchedule_Late { }


/* 日付表示・リンクあり日付文字・オンカーソル */
a:hover .calendar_DispDayStr { color : #E46715; text-decoration : underline; }
/* 特殊日　基本表示と重ねて使用 */
a:hover .calendar_DispDayStr_Holiday { }
a:hover .calendar_DispDayStr_Sunday { }
a:hover .calendar_DispDayStr_Saturday { }
/* 当日　基本表示＋特殊日のスタイルより優先 */
a:hover .calendar_DispDayStr_Today { }
/* イベントある日のセル・１　基本表示と重ねて使用・特殊日や当日のスタイルを優先したい場合に設定 */
a:hover .calendar_DispDayStr_OnSchedule_Pre { }
/* イベントある日のセル・２　基本表示＋特殊日＋当日のスタイルより優先したい場合に設定 */
a:hover .calendar_DispDayStr_OnSchedule_Late { } 
/* 記事情報ブロック */
.bbs{
width:600px;
position:relative;
left:115px;
}
.bbs_posted
{
	text-align : right;
	font-size : 11px;
position:relative;
right:100px;
}
.bbs_body
{
    	width : 500px;
margin:auto;
}

/* コメント */
.bbs_res
{
	line-height : 120%;

}
.bbs_res_body 
{ 
	padding-top : 0px;
	padding-bottom : 10px;
	/* border-top : solid 2px #000000;*/
	/* border-bottom : solid 1px #000000;*/
	width : 450px;
	margin-left : 0px;
	margin-bottom : 30px;
	background-color: #f3f6fc;

}
.bbs_res_text { 
	font-family: "ＭＳ Ｐゴシック";
	width : 360px;
	position: relative;
	left: 50px;
        margin : 0px;
        padding : 0px;#ffffff;
}

.bbs_res_posted 
{	
	background-color: #f3f6fc;
        height : 35px;
        padding : 0px 0px 0px 0px;
	border-bottom : dotted 0px #000000;
        text-align: left;
        float : left;
	width : 450px;
        BACKGROUND: #ddFFFF url(https://carcle.jp/users/116/img/e8e8e8-2.gif) center bottom;

}

.comment4
{
	line-height : 120%;
	width : 430px;
	margin-top : 20px;
	margin-bottom : 0px;
     	border-top: 2px solid #000000;
     	border-right: 0px solid #CCCCCC;
     	border-left: 0px solid #CCCCCC;
     	border-bottom: 1px solid #000000;
	background-color: #9ebef5;
        padding: 10px;
        color : #000000;
margin-left:115px;
}
.comment5
{
        margin : auto;
        padding : 0px;
	width : 450px;

}
.comment_writer2
{
	text-align : left;
	height : 45px;
	padding-left : 0px;
	margin-top : 10px;
	BACKGROUND: #f3f6fc url(https://carcle.jp/users/1/img/sozai/come-3top.jpg) center center;
	font-size: 12px;
        margin-bottom : 0px;
	background-repeat: no-repeat;  

}
.comment_text5 {
        height : 20px;
        BACKGROUND: url(https://carcle.jp/users/1/img/sozai/come-3bot.jpg) center bottom;
	background-repeat: no-repeat;
	background-color: #f3f6fc;
}
.sample4 {
	vertical-align:text-top;
	line-height: -5px;
}
.comment_body2 {
	COLOR: #6a6d71;
        BACKGROUND: #f3f6fc url(https://carcle.jp/users/1/img/sozai/come-3mid.jpg)  repeat-y center bottom;
	padding: 0px;
	line-height: 1.3em;
	margin-bottom: 0px;

} 
@media (min-width: 768px) {
#ctl00_ImageButtonFriendRequestBtm {
    display: none;
}
#ctl00_ImageButtonSendMessageBtm {
    display: none;
}

.write_comment {
    position: relative;
    top: -10px;
}

.arrow {
    background-repeat: no-repeat;
}

.hstyle1 {
    position: relative;
    left: 0px;
}

.UnUnListTitle {
    clear: both;
    text-align: left;
    text-indent: 5px;
    color: #cccccc;
}
.UnUnListBody {
    position: relative;
    left: 10px;
}
#ctl00_ImageButtonFriendRequestBtm {
    display: normal;
}
#ctl00_ImageButtonSendMessageBtm {
    display: normal;
}

/* ------------------------------------------------
	ブログ記事部分表示設定
	------------------------------------------------ */
/* 公開レベルの背景 */

.displimits {
    background-image: url(https://carcle.jp/users/1/img/sozai/r_arrow-2.png);
    background-repeat: no-repeat;
    background-position: left;
    text-indent: 30px;
    position: relative;
    left: 10px;
    font-size: 13px;
    font-weight: bold;
    border-top: 5px solid #ccffff;
    border-bottom: 5px solid #ccffff;
    border-right: 5px solid #ccffff;
    border-left: 5px solid #ccffff;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 95%;
    margin-top: 10px;
    margin-bottom: 5px;
}

.datelimit {
    font-size: 13px;
    font-weight: bold;
}

/* フォト風フレーム */

.AutoThumb {
    margin-right: 14px;
    margin-bottom: 5px;
    box-shadow: 0px 0px 5px #888888;
    -moz-box-shadow: 0px 0px 5px #888888;
    -webkit-box-shadow: 0px 0px 5px #888888;

    -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#cbcaca,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=6)";
    filter: progid:DXImageTransform.Microsoft.Glow(color=#cbcaca,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=6);
    /*float:left;*/
    border: 0px solid #ffffff;
}
/* 記事ブロック（タイトル・本文・著者情報を含む） */
.blog {
    margin-top: 0px;
    padding-bottom: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    color: #242424;
    padding-left: 0px;
    width: 680px;
    position: relative;
    left: 10px;
    top: -20px;
}
/* タイトルブロック */
.blog_title {
    clear: both;
    font: bold 14px "メイリオ";
    margin-top: 10px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 30px;
    background-image: url(http://caucle.jp/img/whglogo.gif);
    background-repeat: no-repeat;
    height: 30px;
    color: #cccccc;
    position: relative;
    left: 5px;
    top: 0px;
    width: 600px;
    margin-bottom: 20px;
}
/* 本文ブロック */
.blog_body {
    font-weight: normal;
    line-height: 120%;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    margin-left: 0px;
    color: #242424;
    width: 665px;
    background-color: #fff;
    position: relative;
    top: -20px;
}

/* 投稿者名表示ブロック */
.blog_writer {
    display: none;
    text-align: right;
    color: #242424;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    top: 10px;
}

/* 記事情報ブロック */
.blog_posted {
    text-align: right;
    font-size: 12px;
    float: left;
    margin-bottom: 0px;
    padding-left: 5px;
    position: relative;
    top: 10px;
}

/* トラックバックURL表示ブロック */
.blog_trackback {
    font-size: 9px;
    padding: 5px;
    color: #242424;
    display: none;
}
.blog_trackback a {
    color: #bb00ff;
}
.blog_trackback a:hover {
    color: #b0b0ff;
}
/* 記事本文 */
.blog_text {
    line-height: 160%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
}

/* タイトルリンク */
.blog_title a {
    color: #1a1b1d;
}

.blog_title a:hover {
    color: #666;
}
.blog_title a:visited {
    color: #0e1f49;
}

/* 記事本文中リンク */
.blog_text a {
    color: #bb00ff;
}
.blog_text a:hover {
    color: #bbff00;
}
/* 著者情報表示中リンク */
.blog_posted a {
    color: #bb00ff;
}
.blog_posted a:hover {
    color: #bbff00;
}

/* コメント */
.comment {
    color: #999999;
    padding: 0px;
    line-height: 15px;
    width: 500px;
}
.comment a {
    color: #999999;
}
.comment_date {
    font-size: 11px;
    color: #666666;
}
.comment_body {
    color: #999999;
    background-color: #ffffff;
    border: 2px solid #cccccc;
    padding: 7px;
    line-height: 1.3em;
    margin-bottom: 2px;
}
.comment_text {
    clear: both;
    padding: 3px 3px 3px 5px;
}
.comment_writer {
    font-size: 11px;
    color: #333333;
    text-align: right;
    float: left;
    margin-right: 10px;
}
/* トラックバック一覧 */
.tblist {
    line-height: 120%;
    width: 400px;
    padding: 5px;
    margin-bottom: 5px;
    color: #bb00ff;
    display: none;
}

.tblist_body {
    color: #bb00ff;
}

.tblist_writer {
    font-size: 11px;
    text-align: right;
    color: #bb00ff;
}

/* コメントを送信しました */
#ctl00_ContentPlaceHolder1_LabelMessage {
    margin-left: 25px;
}
}

@media (max-width: 767px) {
/* ------------------------------------------------
ブログ記事部分表示設定
------------------------------------------------ */
#ctl00_ImageButtonFriendRequestBtm {
    display: none;
}
#ctl00_ImageButtonSendMessageBtm {
    display: none;
}
.AutoThumb {
    margin-right: 15px;
    margin-top: 12px;

    box-shadow: 0px 0px 5px #888888;
    -moz-box-shadow: 0px 0px 5px #888888;
    -webkit-box-shadow: 0px 0px 5px #888888;

    -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#cbcaca,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=6)";
    filter: progid:DXImageTransform.Microsoft.Glow(color=#cbcaca,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=6);
    /*float:left;*/
    border: 0px solid #ffffff;
}

/* 公開レベルの背景 */

.displimits {
    background-image: url(https://carcle.jp/users/1/img/sozai/r_arrow-2.png);
    background-repeat: no-repeat;
    background-position: left;
    text-indent: 30px;
    position: relative;
    left: 10px;
    font-size: 13px;
    font-weight: bold;
    border-top: 5px solid #ccffff;
    border-bottom: 5px solid #ccffff;
    border-right: 5px solid #ccffff;
    border-left: 5px solid #ccffff;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 95%;
    margin-top: 10px;
    margin-bottom: 5px;
}

.datelimit {
    font-size: 13px;
    font-weight: bold;
}

/* フォト風フレーム */

/* 記事ブロック（タイトル・本文・著者情報を含む） */
.commentright {
    float: right;
    clear: right;
    padding-bottom: 0px;
    margin: 5px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
.commentleft {
}

.fot76 {
    padding-bottom: 0px;
    margin: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    height: 100px;
}

.displimits {
    background-image: url(https://carcle.jp/users/1/img/sozai/r_arrow-2.png);
    background-repeat: no-repeat;
    background-position: left;
    text-indent: 30px;
    position: relative;
    left: 5px;
    font-size: 13px;
    font-weight: bold;
}

.datelimit {
    font-size: 12px;
    font-weight: normal;
}

.blog {
    text-align: left;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
/* タイトルブロック */
.blog_title {
    font-size: 20px;
    font-weight: bolder;
    padding: 0px;
    line-height: 30px;
    max-width: 100%;
}

/* 本文ブロック */
.blog_body {
    font-weight: normal;
    line-height: 120%;
    padding: px;
    font-size: 13px;
}

/* 投稿者名表示ブロック */
.blog_writer {
    display: none;
    text-align: left;
}

/* 記事情報ブロック */
.blog_posted {
    text-align: left;
    font-size: 11px;
    position: relative;
    left: -30px;
}

/* トラックバックURL表示ブロック */
.blog_trackback {
    font-size: 9px;
    padding: 5px;
}

/* 記事本文 */
.blog_text {
    line-height: 160%;
    padding: 0px;
}

/* タイトルリンク */
.blog_title a {
}
.blog_title a:hover {
}

/* 記事本文中リンク */
.blog_text a {
}
.blog_text a:hover {
}
/* 著者情報表示中リンク */
.blog_posted a {
}
.blog_posted a:hover {
}

/* コメント */
.line {
    border: 0px solid #cccccc;
    padding: 0px;
    margin-bottom: 0px;
}

.comment {
    line-height: 120%;
    padding: 0px;
    margin-bottom: 0px;
    border-top: 0px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
.comment_date {
}
.comment_body {
    color: #6a6d71;
    background-color: #ffffff;
    border: 0px solid #cccccc;
    padding: 0px;
    line-height: 1.3em;
    margin-bottom: 0px;
    min-height: 90px;
}
.comment_text {
    padding: 15px 5px 5px 15px;
}
.comment_writer {
    font-size: 11px;
    text-align: left;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background-color: #ffe2c5;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
}

/* トラックバック一覧 */
.tblist {
    line-height: 120%;
    padding: 5px;
    margin-bottom: 5px;
}
.tblist_date {
}
.tblist_body {
}
.tblist_title {
}
.tblist_text {
}
.tblist_writer {
    font-size: 11px;
    text-align: left;
}
.write_comment{
display:none;
}
} 
/* コメント */
.comment {
    line-height: 120%;
    width: 480px;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 40px;
    border-top: 2px solid #999999;
    border-right: 2px solid #999999;
    border-left: 2px solid #999999;
    border-bottom: 2px solid #999999;
    background-color: #ffffff;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    color: #ffffff;
    background-color: #06237c;
}
.comment2 {
    line-height: 120%;
    width: 550px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 30px;
    background-color: #ffffff;
    position: relative;
    top: -20px;
}
.comment_writer2 {
    text-align: left;
    height: 55px;
    padding-left: 10px;
    padding-top: 0px;
    margin-top: 5px;

    background: #ffffff url(https://carcle.jp/users/3424/img/BLOG1/cometop1.png) center center;
    font-size: 12px;
    margin-bottom: 0px;
    background-repeat: no-repeat;
}
.comment_body2 {
    color: #6a6d71;
    background: #ffffff url(https://carcle.jp/users/3424/img/BLOG1/comemid.png) repeat-y center bottom;
    padding: 0px;
    line-height: 1.3em;
    margin-bottom: 0px;
}
.comment_text3 {
    font-family: "ＭＳ Ｐゴシック";
    width: 500px;
    position: relative;
    left: 20px;
    margin-left: 10px;
    padding-right: 0px;
    font-size: 12px;
}
.comment_text4 {
    height: 25px;
    background: #ffffff url(https://carcle.jp/users/3424/img/BLOG1/comebot.png) center bottom;
}

.sample3 {
    vertical-align: text-top;
    line-height: -5px;
}

.comment a {
    color: #999999;
}
.comment_date {
    font-size: 11px;
    color: #666666;
}
.comment_body {
    color: #999999;

    border: 2px solid #cccccc;
    padding: 7px;
    line-height: 1.3em;
    margin-bottom: 2px;
    margin-left: 8px;
}
.comment_text {
    clear: both;
    padding: 3px 3px 3px 5px;
}
.comment_writer {
    font-size: 11px;
    color: #333333;
    text-align: right;
    float: left;
    margin-right: 10px;
}