@media (min-width: 768px) {
/* 横幅が767px以下の場合に適用するスタイル */
html {font-size: 16px; }* html { /* for IE6 */overflow: hidden;overflow-x: auto;height: 100%;}
body {overflow-x: hidden;\position: relative;min-width: 830px;}* html body { /* for IE6 */overflow-y: auto;height: 100%;}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul ,li {
    list-style:none;
}


blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    background:transparent;
text-decoration: none;
}

/* change colours to suit your needs */
ins {
    background-color:#000000;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}



/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

#slider{
	margin: 0 -500%;	padding: 0 500%;	width: 100%;
}



* html #slider { /* for IE6 */	position: relative;	zoom: 1;}*:first-child+html #slider { /* for IE7 */	position: relative;	zoom: 1;}



body
{
	background-image:url();
	background-repeat:repeat-x;
	background-color:#000000;
	font-family:"メイリオ", "Meiryo";
}


/* 
#slider{
	position: relative;
	z-index:0;
	width:1600px;
	height: 400px;

	top:-50px;
	background: url(../img/loading.gif) no-repeat center center;
left:-240px;
}
*/

#slider ul{
	position: absolute;
	top: 0;
	left: 0;
}
#slider li{
	float: left;
}
#slider #prev,
#slider #next{
	position: absolute;
	top:190px;
	cursor: pointer;
z-index:4000;
}
#slider #prev{ left:20px;}
#slider #next{ right:20px;}

/* for script */
#slider ul,
#slider #next,
#slider #prev{
	visibility: hidden;
}
#slider .layer{
	width: 960px;
	height: 400px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.5;
	filter: alpha(opacity=50);
}



#mirahead{
	margin:auto;
	height: 400px;
	width: 1050px;
position: relative;
            top: -20px;
left:70px;
}
#headmenu{
position:relative;
top:-12px;

	width: 610px;
margin-left:100px;
}
#Div_HeaderMenuBar{
            position: relative;
            top: -30px;
}
table	{
		border-spacing: 0;
}


address, caption, cite, code, dfn, em, strong, th, var	{
	font-style: normal;
}

q:before ,q:after	{
	content: '';
}
object, embed	{
	vertical-align: top;
}
hr, legend	{
	display: none;
}
h1, h2, h3, h4, h5, h6	{
	font-size: 100%;
}
abbr, acronym, fieldset	{
	border: 0;
	vertical-align: bottom;
}
li	{
	list-style-type: none;
}
#contents_body{
width:1060px;
margin:auto;

}

#blogbodymid{
background-repeat:repeat-y;
background-color:#ffffff;
width:732px;
position:relative;
z-index:9;
left:34px;
top:-30px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #99FFFF;
	border-left-color: #99FFFF;
}



a:hover {#52802e}
a:visited {#1a3404}

.pager_b
{ 
  height:20px;
  font-size : 16px;
  font-weight: bold; 
   z-index: 1;
background-image: url("http://caucle.jp/img/back2.gif")
z-index:5;
}

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


#blogbodyhead{
clear:both;
position: relative;
left:25px;
top:-15px;
height:65px;

}
#blogbodyfoot{
position: relative;
top:-60px;
left:25px;
}
z-index:0;
}
#ctl00_Div_BottomMenu{
  display:none;
}
#pager_b{
 display:normal;
}
#pager_t{
 display:none;
}

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

.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;
}
#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;
bottom:0px;
left:0px;
z-index: 2;
}

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

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) {
#carcle_footer{
display:none;
    width:940px;
  
    font-size:100%;
    margin:auto;
    text-align:center;
    color: #000000; 
  

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

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


#footer {
    background:url() no-repeat scroll 50% bottom;

    clear:both;
    font-size:90%;
    height:30px;
    padding:0px 0px 10px 0px;
    text-align:center;
    color : #0c0e4b;
    display:none;
}

#contents_body
{
   
    width:1000px;
}
}

/* 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;
}
#slider
{
display: none;
}
} 
@media (min-width: 768px) {
/* タイトルブロック */
#Div_HeaderMenuBar{
position:relative;
top:-30px;
}

.section-inner{
position:relative;
top:28px;left:130px;
font-weight: bold;
font-size : 16px;
	text-decoration: none;
font-family: "メイリオ";
color:#FFFFFF;
}

.section-inner a {color:#FFFFFF;}
.section-inner a:visited {color:#FFFFFF;}
.section-inner a:hover {color:#FF0000;}
.section-inner a:active { color:#FFFFFF;} 


.ad{
	padding: 0px;
	clear: both;
	float: left;
	position: relative;
        left : 110px;
	top: 0px;
        bottom: 10px;
	height: 72px;
	width: 468px;
}
.up_banner
{
    text-align : left;
    /* background:#666666 url(http://caucle.jp/img/motohead.jpg) no-repeat;*/
    width:1000px;
    height:600px;

}

h1.up_title
{
float:left;
  font-weight: normal; 
	text-align : left;
	font-size : 13px;
	text-decoration: none;
font-family:"メイリオ" "Times New Roman";
position:relative;
top:-10px;
left:20px;
color : #ffffff;
}

h1.up_title a:link {
color : #ffffff;
}
h1.up_title a:visited {
color : #ffffff;
}
h1.up_title a:hover {
color : #ffffff;
}
h1.up_title a:active {
color : #ffffff;
}

.up_description
{
	float:right;
	padding-left : 0px;
        padding-top : 0px;
	font-size : 12px;
	color : #ffffff;
	font-weight: bold;
position:relative;
top:-10px;
}
}

@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以上の場合に適用するスタイル */
.ninja_onebutton{padding-top:10px;}


.carcle_main_menu
{
       position :relative;
       left:95px;
margin:-8px;
}
.contents_block {
         background:#ffffff;
        position : relative;
        left : 0px;
top:70px;
	width:680px;
padding-left:20px;
padding-right:20px;
padding-bottom:50px;
}

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

@media (max-width: 767px) {
/* 横幅が767px以下の場合に適用するスタイル */
#Div_HeaderMenuBar
{
display:none;
}
} 
/* ------------------------------------------------
ナビゲーションボタン
------------------------------------------------ */
/* ボタン表示ブロック */
.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) {
/* ------------------------------------------------
プロフィール表示設定
------------------------------------------------ */
/* プロフィール表示テーブル */

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


@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;
}
} 
/* ------------------------------------------------
サイドメニューコンテンツ表示設定（左右共通）
------------------------------------------------ */

.fb-like-box{
position:relative;
right:5px;
top:50px;

}

.side_block
{
        width:240px;
        position : relative;
        left : 0px;
top:70px;
        padding : 0px 0px 0px 0px;
	
		font-size: 12px;
        background-image: url() no-repeat;

}

 /* サイドメニュータイトル */
.sidetitle
{
	font-weight : bolder;
	height : 31px;
        /* background-image: url(https://carcle.jp/users/1/img/sozai/check.jpg) ;*/
        color : #cccccc;
	text-align : center;
        padding-left : 15px;
        padding-top : 8px;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: center;

width:240px;

}
/* サイドメニューコンテンツ部分 */
.side
{
	font-weight : normal;
	line-height : 140%;
	text-align : left;
	padding-top : 3px;
	padding-bottom : 5px;
	padding-left : 10px;
	padding-right : 3px;
	margin-bottom : 0px;

width:240px;
}
/* サイドメニュー内画像表示位置 */
.sideimage
{
	display : block;
	text-align : center;
	padding : 2px;
}

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




.side_contents_block
	{
        position : relative;
        left : 15px;
top:150px;
	width : 214px;
	height : 11px;
	padding : 0px;
	border : none;
	margin-bottom : 0px;
        background-image: url();	

}

.side_contents_bottom
	{
        position : relative;
        left : 15px;
	width : 214px;
	height : 20px;
	padding : 0px;
	border : none;
	margin-top : 0px;
	margin-bottom : 0px;
        background-image: url();

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

/* カレンダーブロック */
#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:250px;;
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) {
/* ------------------------------------------------
ブログ記事部分表示設定
------------------------------------------------ */
table#table-01 {
	
	border-spacing: 0;
	font-size: 13px;
	font-weight: normal;
	
	border-top-width: 1px;
	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-top-color: #00ced1;
	border-right-color: #00ced1;
	border-bottom-color: #fff;
	border-left-color: #00ced1;
	background-color: #ffffff;
	background-image: url();
	
	background-position: 100%;
	border-top-style: solid;
}

table#table-01 th {
    padding: 20px;
    border: #98DCDC solid;
    border-width: 0 0 1px 0px;
    background: #efeffc;
    color: #000;
    font-weight: normal;
    line-height: 120%;
}
table#table-01 td {
    padding: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff #fff #8ED9D9 #8ED9D9;
    color: #1A4444;
    
}

/* 記事ブロック（タイトル・本文・著者情報を含む） */
td {
	background-color:  transparent;
}


.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;
}
span{
clear:both;
margin-bottom:50px;
}


.blog
{
color : #C8000E;
text-align : left;
padding-bottom : 10px;
margin-bottom : 10px;
position:relative;
left:0px;
width : 725px;
}
.blog_contents
{
position:relative;
left:0px;
top:-30px;


}



.comment10
{line-height : 120%;
	width : 500px;
	margin-top : 20px;
	margin-bottom : 0px;
        margin-left : 20px;
     	border-top: 0px solid #3b619c;
     	border-right: 0px solid #3b619c;
     	border-left: 0px solid #3b619c;
     	border-bottom: 0px solid #3b619c;
	
        padding: 10px;
display : narmal;
}
#ctl00_ContentPlaceHolder1_GridViewSendList
{
border : solid 0px #a7c8dc;
}

#ctl00_ContentPlaceHolder1_PanelSendList
{
border : solid 0px #a7c8dc;
}


{
border : solid 1px ##a7c8dc;
}


.write_comment{
 clear : both;
 text-align:left;
 margin-left : 22px;
 margin-top : 0px;
margin-bottom : 10px;

}

.blog a
{
	color : #C8000E;
        text-decoration : none;
}


.blog a:hover
{
	color : #01B02A;
        text-decoration : none;
}

.blog a:visited 
{
	color : #C8000E;
        text-decoration : none;
}  


/* タイトルブロック */
.blog_title
{
	color : #C8000E;
        font-weight : bolder;
        padding-left : 10px;
        padding-top : 30px;
font-size : 17px;
width:600px;
height:40px;
z-index:10;
clear:both;
}
.blog_title a:link { color: black; }
.blog_title a:visited { color: #040c40; }
.blog_title a:hover { color: red; }
.blog_title a:active { color: red; }


/* 本文ブロック */
.blog_body
{
clear:both;
font-weight : normal;
line-height : 120%;    
color : #000000;
position:relative;
top:-20px;
font-size : 15px;
}
.blog_body a
{
	color : #0000CD;
        text-decoration : underline;
}
.blog_body a:hover
{
	color : #ff0000;
        text-decoration : none;
}

.blog_body a:visited 
{
	color : #0f3d6d;
        text-decoration : none;
}  



/* 投稿者名表示ブロック */
.keisaibi
{
width:70px;
float:left;
margin-right:0px;
margin-top:10px;
margin-bottom:50px;
}
.blog_writer
{
text-align : right;
margin-right:-5px;
}




/* 記事情報ブロック */
.blog_posted
{
	text-align : left;
	font-size : 12px;
display : normal;
clear:both;
position:relative;
left:10px;
top:8px;
}

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

.blog_trackback a
{
        color : #C8000E;
}

/* 記事本文 */
.blog_text
{
	line-height : 160%;
	
width:650px;
position:relative;
left:10px;
font-size : 15px;
}

/* コメント */
.fot76 {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FLOAT: left;
	PADDING-TOP: 0px;
        position: relative;
        left: -10px;       
        top:3px;
}

.line
{
	padding : 0px;
        margin-bottom : 0px;
        position:relative;
        left: 30px;
        margin-bottom:10px;
}

.comment
{
	line-height : 120%;
	width : 500px;
	margin-top : 4px;
	margin-bottom : 0px;
        margin-left : 0px;
     	border-top: 0px solid #000000;
     	border-right: 0px solid #CCCCCC;
     	border-left: 0px solid #CCCCCC;
     	border-bottom: 0px solid #000000;

	
}
.comment_date { }
.comment_body {
        BACKGROUND: transparent 
 url(https://carcle.jp/users/1402/img/500comemid.png) center ;
	background-repeat: repeat-y;

 }
.comment_text {
	color: #141312;
        padding-left: 35px;
        padding-right: 70px;
}
.comment_text2 {
        height : 25px;
        BACKGROUND: transparent 
 url(https://carcle.jp/users/1402/img/500comebot.png) center bottom;
	background-repeat: no-repeat;

}
.comment_writer
{
	font-size : 11px;
	text-align : left;
	border-top: 0px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	padding-left : 50px;
        BACKGROUND: transparent 
 url(https://carcle.jp/users/1402/img/500cometop.png) center bottom;
	background-repeat: no-repeat;
	color: #141312;
        height : 76px;

}
.comment_writer a
{
        color: #000066;
	font-weight : bolder;

/* トラックバック一覧 */
.tblist
{
	line-height : 120%;
	width : 400px;
	padding : 10px;
	margin-bottom : 5px;
}
.tblist_date { }
.tblist_body { }
.tblist_title { }
.tblist_text { }
.tblist_writer
{
	font-size : 11px;
	text-align : right;
}
}



@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;
}
} 
.UnUnListTitle{
clear:both;
text-align:left;
text-indent:10px;
color:#3f4042;
}
.UnUnListBody{
position:relative;
left:20px;
}