@media (min-width: 768px) {
/* 横幅が767px以下の場合に適用するスタイル */
body
{
        padding-top: 0px;
        margin-top: 0px;
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://caucle.jp/img/kotaback.jpg) repeat-x center top; PADDING-BOTTOM: 0px; MARGIN-left: 0px; PADDING-TOP: 0px;position:relative;top:-30px;
	background-color:	#ffffff;
z-index:1;
}
li {
margin-left:0px;
list-style-type: none;
}
a
{

	text-decoration: none;
}
.pager_b
{ 
  height:20px;
  font-size : 16px;
  font-weight: bold; 
}

.pager_t
{ 
  height:20px;
  font-size : 16px;
  font-weight: bold; 
  margin-left:5px;
  margin-top:0px;
   z-index: 1;


}
.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 
{
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: 22;
}

#home {
position:fixed;
top:0px;
left:0px;
z-index: 23;
}
div#fixbot {
position:fixed;
bottom:15px;
right:0px;
font-size: 14px;
}
div#fix {
position:fixed;
bottom:60px;
right:0px;
font-size: 14px;
}
/* pc */
@media (min-width: 768px) {

#footer {

}

#contents_body
{
    width:980px;
    padding-top: 0px;  
    margin-top: 0px;
    background-color: transparent ;
    background-position: center; 
    

}
}

/* 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 
{
    display: none;
}
#carcle_footer
{
    display: none;
}
} 
@media (min-width: 768px) {
/* タイトルブロック */
.clear { clear:both; }  
.pro_left{
float:left;
position: relative;
left:24px;
top:0px;
}
.pro_right{
float:right;
position: relative;
padding:0px;
background-color: #ffffff;
top:-30px;
}
.pro_right2{
float:right;
position: relative;
padding:0px;
background-color: #ffffff;
top:-50px;
left:-40px;
	font-size : 13px;
}

.prodimgposition{
width : 100%;
position:relative;
/*top:-1px;
left:-20px;*/
top:30px!important;
left:-5px!important;

z-index:2;
 
}

.up_banner
{
    text-align : left;
    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 : 0px;
	color : #ffffff;
	font-size : 16px;
	text-decoration: none
        background: transparent;
        top : -5px;
left:-5px;
        position:relative;
}

.up_description
{
	text-align : left;
	padding-left : 20px;
        padding-top : 0px;
	font-size : 13px;
	color : #50503e;
        width:60%;
	font-family: "メイリオ";
	line-height: 1.2em;
        margin-bottom : 0px;
font-weight: normal;
position:relaive;
top:-100px;
}
}

@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以上の場合に適用するスタイル */.carcle_main_menu_block{
position:relative;
top:20px;
display:none;
}
.contentsblock-top {
        background-image: url(http://caucle.jp/img/kotablogwakutop.png);
	background-repeat: no-repeat;
        margin-right: 0px;        
        margin-left: 20px;    
	padding: 0px;     
        width : 700px;
        height : 12px;
        margin-top: 0px; 
        position:ralative;
        top:30px;
   z-index: 6;

}
.contentsblock {
	width: 700px;
        margin-right: -10px;         
        color : #e4e4e4;
	padding-right: auto;
        padding-left: auto; 
        background-image: url(http://caucle.jp/img/kotablogwakumid.png);
	background-repeat : repeat-y;
        position: relative;
        left: 20px; 
        top:-8px;
}
.contentsblock-bottom {
        background-image: url(http://caucle.jp/img/kotablogwakubottom.png);
	background-repeat: no-repeat;
        margin-right: 0px;       
        margin-left: 20px;    
	padding-right: 0px;    
	padding-left: 0px;   
        margin-top : -5px; 
        width : 700px;
        height : 10px; 
        position: relative; 
        top:-4px;
}
}

@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;
}
 
@media (min-width: 768px) {
/* ------------------------------------------------
プロフィール表示設定
------------------------------------------------ */
/* プロフィール表示テーブル */
.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;
}
}


@media (max-width: 767px) {
/* ------------------------------------------------
プロフィール表示設定
------------------------------------------------ */
/* プロフィール表示テーブル */

#profphoto img
{
         width : 200px;
}


.TblProf {
	padding: 5px;
        background-color: #f2f7fa;
	margin: auto;
	border: 5px solid #8acefd;
        margin-bottom: 20px;
	text-indent: 7pt;
	width : 65%;

}
TD.TblProf {
	 border: 0px solid #cccccc;
	height: 50px;
}
/* 新着情報表示テーブル */
.TblProf_News
{
	border-collapse:collapse;
	border: 6px double #8acefd;
	width : 95%;
        background-color: #f2f7fa;
}
td.TblProf_News ,
th.TblProf_News 
{
	border : none;
}

.TblProf_Photo
{
	width : 55%;
}


td.TblProf_Photo
{
	width : 200px;
}

th.TblProf_Photo 
{
	border : solid 10px #f0f0f0;
        width: 100px;
}

/* 新着情報表示テーブル */
.TblProf_Intro
{
	border-collapse:collapse;
	border : solid 1px #cccccc;
}
td.TblProf_Intro ,
th.TblProf_Intro 
{
	border : solid 10px #cccccc;
}

/* ------------------------------------------------
マイカー表示設定
------------------------------------------------ */
/* マイカーブロック */
.mycar
{
	width : 579px;
	border: 7px double #8acefd;
        background-color: #f2f7fa;
	padding : 8px;
}

/* マイカー画像 */
.mycar_image
{
	padding-top: 0px;
	padding-bottom: 0px;
        background-color: #f2f7fa;
	border: 4px solid #8acefd;
        margin-bottom: 5px;
        margin-top: 30px;
	width : 600px;
	text-align: center;

}
/* マイカー説明 */
.mycar_text
{
	padding : 3px;
}
} 
/* ------------------------------------------------
サイドメニューコンテンツ表示設定（左右共通）
------------------------------------------------ */
.side_block
{
z-index:1000;
        width:220px;
        margin-right : 10px; 
        margin-left : 30px; 
        color :#000000;
        float : right;
        clear:both;
        position:relative;
        right:20px;
        top:-25px;
}

/* サイドメニュータイトル */
.sidetitle
{
	font-weight : bolder;
	text-align : left;
	padding : 0mm;
	text-indent: 1.5em;
        color : #366a96;
        background-image: url(http://caucle.jp/img/seasideside.png);
        width: 220px;
        height : 26px;
        line-height: 2.2em;
}
/* サイドメニューコンテンツ部分 */
.side
{
	font-weight : normal;
	line-height : 140%;
	text-align : left;
	padding-top : 3px;
	padding-bottom : 3px;
	padding-left : 3px;
	padding-right : 3px;
	margin-bottom : 5px;
	font-size : 13px;
        border-collapse:collapse;
	border-top : solid 1px #DCDCDC;
	border-left : solid 1px #DCDCDC;
	border-right : solid 1px #DCDCDC;
	border-bottom : solid 1px #DCDCDC;
background-color: #ffffff;
}
/* サイドメニュー内画像表示位置 */
.sideimage
{
	display : block;
	text-align : center;
	padding : 2px;
}

/* サイドメニューコンテンツ内リンク文字 */
.side a
{
	text-decoration : none;
        color : #0a4354;
}
.side a:hover
{
	text-decoration : none;
        color : #66ffcc;
	font-weight: bold;

} 
 
 
/* ------------------------------------------------
カレンダー関連（サイドカレンダー用）
------------------------------------------------ */

/* カレンダーブロック */
#calendarblock 
{
	margin-bottom: 20px;
	background-color:#ffffff;
}
.calendar_Style td
{
	border : none;
        background-color : transparent;
}
/* カレンダータイトル部(現在月・前次月リンク) */
.calendar_TitleStyle 
{
	font-weight : bold;
	background-color:#ffffff;
	font-weight: normal;
        color : #000000;
}
/* タイトル部余白調整・枠線 */
.calendar_TitleStyle td ,
.calendar_TitleStyle th 
{
	height : 18px;
	padding : 3px 3px 3px 3px;
	background-color:#ffffff;
	font-weight: normal;
}

/* 曜日表示 */
.calendar_DayHeaderStyle 
{
	background-color:#ffffff;
	font-weight: normal;
	font-size : 11px;
}
/* 前次月表示 */
.calendar_NextPrevStyle
{
	font-weight : bold;
	background-color:#ffffff;
	font-weight: normal;
	font-size : 11px;
	color : #cccccc;
}
.calendar_NextPrevStyle a
	font-weight: normal;
{
	text-decoration : none;
	background-color:#ffffff;
	font-weight: normal;
	font-size : 11px;
	color : #cccccc;
}

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


/* 日にち表示セル */
/* 基本表示 */
.calendar_DayStyle
{
	background-color:#080808;

	font-size : 11px;
}
/* 特殊日セル　基本表示と重ねて使用 */
.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 : #ffffff; 
background-color : #444d58;
padding-left : 1px;
padding-right : 1px;
}
/* イベントある日のセル・１　基本表示と重ねて使用・特殊日や当日のスタイルを優先したい場合に設定 */
.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
{
	border : solid 0px #cccccc;
	text-align : left;
	padding-bottom : 5px;
	margin-bottom : 20px;
        margin-left : 25px;
}

#ctl00_ContentPlaceHolder1_Div_ArticleLink
{
        margin-right : 28px;
}

/* タイトルブロック */
.bbs_title
{
	font-size : 15px;
	font-weight: bold;
        height : 37px;
        background-image: url(https://carcle.jp/users/129/img/temp/asiato.jpg);
	line-height: 40px;
	padding-left : 50px;
        color : #141312;
	width : 600px;
}
/* 本文ブロック */
.bbs_body
{
	padding : 0px 10px 10px 0px;
	line-height : 120%;
	font-weight : bold;
	width : 639px;
	margin-bottom : 10px;
	background-color: #e5e5e5;
	border-top : solid 0px #cccccc;
	border-right : solid 1px #ffffff;
	border-left : solid 1px #ffffff;
	border-bottom : solid 0px #cccccc;
        color : #141312;
}

/* 記事情報ブロック */
.bbs_posted
{
        text-align: right;
	margin-bottom : 0px;
	font-weight : bold;
	padding : 3px 10px 0px 10px;
	background-color: #cccccc;
	border-top : solid 0px #cccccc;
	border-right : solid 1px #ffffff;
	border-left : solid 1px #ffffff;
	border-bottom : solid 0px #cccccc;
	width : 629px;
        color : #141312;
}

/* 記事本文 */
.bbs_text
{
	line-height : 1.2em;
	padding-left : 20px;
	padding-right : 10px;
        
}

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

/* 記事本文中リンク */
.bbs_text a {}
.bbs_text a:hover {}
/* 著者情報表示中リンク */
.bbs_posted a {
        color : #0011BB;
}
.bbs_posted a:hover {

        color : #141312;
}
.bbs_res a {
        color : #0011BB;
}

/* コメント */
.bbs_res
{
        background-image: url(https://carcle.jp/users/129/img/temp/asiato2.jpg);
	font-size : 11px;
	text-align : left;
	line-height: 40px;
	padding-left : 50px;
	padding-right : 30px;
        color : #141312;
        background-repeat :repeat-x;
}
.bbs_res_body 
{ 
	padding-top : 0px;
	border-top : solid 0px #ffffff;
	border-right : solid 1px #ffffff;
	border-left : solid 1px #ffffff;
	border-bottom : solid 0px #cccccc;
	width : 650px;
	background-color: #e5e5e5;
        color : #141312;

}
.bbs_res_text { 
	padding : 10px;
	line-height : 1.5em;
	font-size : 12px;
}
.bbs_res_posted 
{
}
.comment4
{
	line-height : 120%;
	width : 630px;
	margin-top : 20px;
	margin-bottom : 0px;
        margin-left : 25px;
     	border-top: 1px solid #3b619c;
     	border-right: 1px solid #3b619c;
     	border-left: 1px solid #3b619c;
     	border-bottom: 1px solid #3b619c;
	background-color: #9ebef5;
        padding: 10px;
        color : #141312;

}

	#ad_code {
		width:226px;
		text-align:center;
		background:#FFFFFF url(https://carcle.jp/users/129/img/temp/PapersExample.png) center center no-repeat;
		padding:9px 16px 17px 10px;
                margin-left: 50px;
		} 
@media (min-width: 768px) {
/* ------------------------------------------------
ブログ記事部分表示設定
------------------------------------------------ */
/* 公開レベルの背景 */

.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 {
    position: relative;
    left: -5px; /* 画像を左へ移動 */
    top: -5px; /* 画像を上へ移動 */
    margin-top: 4px;
    padding: 6px 10px 10px 6px; /* 画像枠 */
    background-color: #f3faf9; /* paddingを設定した場合の背景色 */
    border-top: 0px solid #999999; /* 画像の枠線 */
    border-left: 0px solid #999999;
    
    background: url(https://carcle.jp/users/1/img/1blog/shadow_004.gif) right bottom;
    /*float: left;  回り込み制御 */
}
/* 記事ブロック（タイトル・本文・著者情報を含む） */
.blog
{
        margin-top : 0px;
	padding-bottom : 0px;
	margin-left : 0px;
	margin-bottom: 0px;
	margin-right: 0px;
        color: #242424;
        padding-left : 0px;
	width: 680px;

}
/* タイトルブロック */
.blog_title
{
	font:bold 14px "メイリオ";
	padding-top : 28px;
	padding-left: 30px;
        background-image: url(http://caucle.jp/img/kotaBLOGtitleback.png);
        background-repeat : no-repeat;
        height : 50px;
        color : #cccccc;
        line-height: 1.7; 
       	margin-left : 40px;	
        margin-right: auto;
}
/* 本文ブロック */
.blog_body
{
	font-weight : normal;
	line-height : 120%;
	padding-left: 10px;
        padding-right: 10px;
	padding-bottom: 5px;
	margin-bottom: 0px;
        margin-left: 30px;
	color: #242424;
	width:620px;
	background-color: #FFFFFF;
}

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

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

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

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

.blog_title a:hover {
color: #ccffff;
}
.blog_title a:visited 
{
color: #ffffcc; 
}

/* 記事本文中リンク */
.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;
}
.tblist_date { }
.tblist_body {
color: #BB00FF;
 }
.tblist_title { }
.tblist_text { }
.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 : 460px;
	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: #72717a;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 0px;
        color : #ffffff;

}
.comment2
{
	line-height : 120%;
	width : 550px;
	margin-top : 0px;
	margin-bottom : 0px;
        margin-left : 30px;

}
.comment_writer2
{
	text-align : left;
	height : 45px;
	padding-left : 10px;
        padding-top :0px;
	margin-top : 5px;

	BACKGROUND: #f3f6fc url(https://carcle.jp/users/129/img/temp/comew550top.jpg) center center;
	font-size: 12px;
        margin-bottom : 0px;
	background-repeat: no-repeat;  

}
.comment_body2 {
	COLOR: #6a6d71;
        BACKGROUND: #f3f6fc url(https://carcle.jp/users/129/img/temp/comew550mid.jpg)  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 : 10px;
        font-size: 12px; 

}
.comment_text4 {
        height : 25px;
        BACKGROUND: #ddFFFF url(https://carcle.jp/users/129/img/temp/comew550bottom.jpg) 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;
	background-color: #FFFFFF;
	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;
}