﻿#Div_HeaderMenuBar
{
    display:none;
}

.pb_lv {
    display: none !important;
}
.unun {
    display: none !important;
}
.unb2 {
    display: none !important;
}



.youtube 
{
    position: relative;
    aspect-ratio: 4/3;
    width: 100%;
}

.youtube > iframe 
{
    max-width: 750px;
    aspect-ratio: 4/3;
    width: 100% !important;
    height: unset !important;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');


/* PC版とスマホ版の全体的にかけるCSS */
@media (min-width: 768px) 
{
    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: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;

  }

h1, h2, h3 {
  font-weight: 700;
  letter-spacing: -0.01em;
}

margin: 0;	padding: 0;
}
.carcle_main_menu_block{display:none;}





.upbarad
    {
        margin: 0px;
        padding: 0px;
        clear: both;
        float: left;
        position: absolute;
        top: 5px;
        left :100px;
    }



.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: 1;
background-image: url("")
z-index:5;
}

.pager_t
{ 
  height:25px;
  font-size : 14px;
  font-weight: bold; 
   z-index: 1;
  margin-left:5px;
}
.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:700px;
border-width: 1px 0 0 0; 
position:relative;
left:0px;
padding-top: 10px;
}


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: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}

h1, h2, h3 {
  font-weight: 700;
  letter-spacing: -0.01em;
}
.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;
}
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: 2;
}

#home 
{
position:fixed;
top:0px;
left:0px;
z-index: 2;
}

div#pagefixbot 
{
position:fixed;
bottom:15px;
right:0px;
font-size: 14px;
z-index:100;
}

div#pagetop 
{
position:fixed;
bottom:60px;
right:0px;
font-size: 14px;
z-index:101;
}*/

* html #home {
position:absolute;
bottom:0px;
left:0px;
z-index: 3000;
}

#home {
position:fixed;
bottom:40px;
left:0px;
z-index: 3000;
}

/*div#fixbot {
position:fixed;
bottom:40px;
right:0px;
font-size: 14px;
z-index:3000;
}
div#pagetop {
position:fixed;
bottom:80px;
right:0px;
font-size: 14px;
}*/

div#fixbot {
position:fixed;
bottom:15px;
right:0px;
font-size: 14px;
z-index:100;

}
div#pagetop {
position:fixed;
bottom:60px;
right:0px;
font-size: 14px;
z-index:101;
}

/* pc */
@media (min-width: 768px) {
#carcle_footer
{
    width:940px;
    clear:both;
    font-size:100%;
    margin:auto;
    text-align:center;
    color: #000000; 
display:none; 
}


#footer 
{
    background:url() no-repeat scroll 50% bottom;
    clear:both;
    font-size:90%;
    height:30px;
    padding:0px 0px 0px;
    text-align:center;
    color : #0c0e4b;   
}

#contents_body
{
    width:1100px;
   margin-auto;
}

/* 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;
}
} 
.slides  img
{
    width:100%;
    background-color:#FAFAFA;
}

.headimg
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}

.banner1 
{
    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;  回り込み制御 */

}

.wakutop
{
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(https://carcle.jp/users/129/img/temp/whead2.jpg) no-repeat center top; 
    PADDING-BOTTOM: 0px; HEIGHT: 10px; PADDING-TOP: 5px
}

.up_carclelogo
{
    z-index: 1;
    width:209px;
    height:37px;
	margin: 0px;
	padding: 0px;
	clear: both;
	position: relative;
	top: 9px;
	left: 65px;
}

.titles
{
    padding-left: initial; 
}

.up_haikei
{
	background-image: url();
	background-repeat: no-repeat;
	background-position: center top;    
}

.up_description
{
    float : left;
    margin : 0px auto auto 0px;
    margin-left:30px;
	font-size : 13px;
	color : #000000;
    text-align :left;
    position : relative;
    height:100px;
    overflow:auto;
    scrollbar-face-color: #000000;       /* 表面の色 */
    scrollbar-3dlight-color: #000000;    /* 左端と上端の色 */
    scrollbar-highlight-color: #666666;  /* ハイライトの色 */
    scrollbar-shadow-color: #666666;     /* 影の色 */
    scrollbar-darkshadow-color: #000000; /* 右端と下端 */
    scrollbar-arrow-color: #ffffff;      /* 矢印の色 */
    scrollbar-track-color: #666666;      /* バーの背景の色 */
}

/* ページャー */
.pager_b
{ 
    height:20px;
    font-size : 14px;
    font-weight: bold; 
    z-index: 5;
}

.pager_t
{ 
position: relative;
top:-5px;
    height:25px;
    font-size : 14px;
    font-weight: bold; 
    z-index: 1;
    margin-left:5px;
}

/* タイトルブロック */
.pro_left
{
    float:left;
    position: relative;
    left:0px;
    top:0px;
}

.pro_right
{
    position: relative;
    left:300px;
    top:0px;
}

.prodimgposition
{
    width : 100%;
}

.ad
{
    text-align:center;	
    margin: 0px;
	padding: 0px;
	clear: both;
	position: relative;
    top:-210px;
    left:5px;
	height: 150px;
	width: 180px;
    background-color:#2f1e13;
}

.up_okitabilogo
{
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	position: absolute;
	top: 5px;
    left :100px;
}

.up_banner
{  
    clear:both;
    height:150px;
    margin-top : 0px;
    text-align : left;
    z-index: 0;
    position:relative;
    top:50px;
}

h1.up_title
{
position:relative; 
top:20px;left:100px;
  font-weight: bold; 
	text-align : left;
	color : #000000;
	font-size : 20px;
	text-decoration: none;

}

@media (min-width: 768px) 
{
    .up_slider
    {
        text-align :center;
        /*width:90%;*/
        width:80%;
        margin:0 auto;
        background-color:#FAFAFA;
    }
}

@media (max-width: 767px) 
{
    .up_slider
    {
        text-align :center;
        width:100%;
        margin:0 auto;
        background-color:#FAFAFA;
    }
} 
.carcle_main_menu_block
{
	position: relative;
	top:-170px;
    text-align:left;
    left:535px;
    display:none;
    width:250px;       
}

.carcle_main_menu
{
    position :relative;
    left:-90px;
    margin:-7px;
}

.contents_block 
{
    color : #660000;
    position : relative;
    left : 5px;
    top:5px;
}

.contents_body
{  
    position : relative;
    left : 40px;
} 
/* ------------------------------------------------
ナビゲーションボタン
------------------------------------------------ */
/* ボタン表示ブロック */
.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;
}
} 
/* ------------------------------------------------
サイドメニューコンテンツ表示設定（左右共通）
------------------------------------------------ */
.side_block
{
        width:240px;
        position : relative;
        left : 0px;
top:-120px;
        padding : 0px 0px 0px 0px;
	
	
        background-image: url() no-repeat;

}

 /* サイドメニュータイトル */
.sidetitle
{
	font-weight : bolder;
	height : 31px;
        /* background-image: url(https://carcle.jp/users/1/img/sozai/check.jpg) ;*/
        color : #000000;
	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 : #000000
}
.side a:hover
{
	text-decoration : underline;
}




.side_contents_block
	{
        position : relative;
        left : 15px;
	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;

} 
/* 記事情報ブロック */
.blog_contents
{
position: relative;
left:-1px; !important
}


.balloon
{
   position: relative; 
   background: #e8e8e8; /*url(https://carcle.work/users/0/img/icon/fuki.jpg) center bottom;*/
   height: 10px;
}
.balloon img 
{
    position: absolute;
    bottom: 0;
    left: 6%;
    width: 20px; 
    height: 10px;
}
.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;
}
    
.write_comment
{
    display:none;
}
    
.ttl-post {

.ttl-post {
position: relative;
left:-8px; 

}
}

.ttl-post .inner 
{
    border-left: 11px #eee solid;
    padding-left: 13px;
}

.post .ttl-post .inner .ico 
{
    white-space: normal;
    display: block;
}
   
.cate
{
    text-align : right;
    position:relative;
    right:30px;
}
    
.blog_posted
{
    text-align : right;
    font-size : 13px;
    position:relative;
    right:30px;
    font-weight: bold;
    color: #990000;
    font-family:Courier,Meiryo,; 
    top:20px;
    height:30px;
}
    
/* ------------------------------------------------

ブログ記事部分表示設定

------------------------------------------------ */
    
/* 公開レベルの背景 */
    
.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;
    margin: 5px;
    padding-top: 0px; 
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.commentleft{}
    
.fot76 
{
    /*height :100px;
    margin: 10px;
    padding-top: 0px; 
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;*/

    width: 45px;
    float: left;
    margin: 0px;
    padding-top: 3px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 0px;
}

.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-weight: bold;
    padding : 0px;
    font-size : 18px;
margin-top:10px;
margin-bottom:10px;

}

/* 本文ブロック */
.blog_body
{
    font-weight : normal;
    line-height : 130%;
    padding : 5px;
}
    
/* 投稿者名表示ブロック */
.blog_writer
{
    display : none;
    text-align : left;
}
    
/* トラックバックURL表示ブロック */
.blog_trackback
{
    font-size : 9px;
    padding : 5px;
    display:none;
}

/* 記事本文 */
@media (min-width: 768px) 
{
    .post-date 
     {
         text-align: left;
        color: #444;
        position: relative;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1px;
        min-height: 11px;
        left:1px;
        top:3px;
     }

    .blog_text
    {
        font-size : 16px;
        line-height : 180%;
        /* 写真の指定で入れたいらしいから変更します */
        /*width:750px;*/
        width:800px;
        padding : 5px;
        color: #000000;
    }
}

/* PC版とスマホ版との違い（ブログの日付とタイトルの隙間、ブログ全体の大きさの調整） */
@media (max-width: 767px) 
{
    .post-date 
    {
        text-align: left;
        color: #444;
        position: relative;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1px;
        min-height: 11px;
        left:1px;
        top:3px;
        margin-bottom:3px;
     }

    .blog_text
    {
        font-size : 16px;
        line-height : 180%;
        width:100%;
        padding : 5px;
        color: #000000;
    }
}
    
/* タイトルリンク */
.blog_title a {COLOR: #000000;font-weight: bold;}
.blog_title a:hover {COLOR: #000000;font-weight: bold;}
/* 記事本文中リンク */
.blog_text a 
{
    text-decoration: underline;
}

.blog_text a:hover 
{
    text-decoration: underline;
}

/* 著者情報表示中リンク */
.blog_posted a {}
.blog_posted a:hover {} 

/* コメント */
.line
{
     	border: 0px solid #CCCCCC;
	padding : 0px;
        margin-bottom : 0px;
}


/* PC版とスマホ版との違い（コメントの調整） */
@media (min-width: 768px) 
{
    .comment
    {
        line-height : 120%;
        width : 460px;
        margin-top : 4px;
        margin-bottom : 0px;
        margin-left : 8px;
        border-top: 2px solid #000000;
        border-right: 0px solid #CCCCCC;
        border-left: 0px solid #CCCCCC;
        border-bottom: 1px solid #000000;
        background-color: ##e8e8e8;
    }

    .comment_date {}

    .comment_body 
    {
        color: #6a6d71;
        background-color: #e8e8e8;
        border: 0px solid #CCCCCC;
        padding: 0px;
        line-height: 1.4em;
        margin-bottom: 0px;
    }

    .comment_text 
    {
        clear: both; 
        padding-right: 15px; 
        padding-left: 15px; 
        background: #ffffff; 
        padding-bottom: 0px; 
        margin: 0px 0px 0px; 
        padding-top: 0px;
        /*background-color: #e8e8e8;*/
        border-right: 10px solid #e8e8e8;
        border-left: 10px solid #e8e8e8;
        border-bottom: 0px solid #e8e8e8;
        width:460px;
        border-radius: 10px;
    }

    .comment_text2 
    {
        height : 20px;
        background: #e8e8e8; /*url(https://carcle.jp/users/116/img/e8e8e8-3.gif) center bottom;*/
    }

    .comment_writer
    {
        font-size : 11px;
        text-align : left;
        border-top: 0px solid #CCCCCC;
        border-bottom: 0px solid #CCCCCC;
        height : 35px;
        line-height: 25px;
        padding-left : 10px;
        background: #e8e8e8; /*url(https://carcle.jp/users/116/img/e8e8e8-2.gif) center bottom;*/
    }
}
@media (max-width: 767px) 
{
    .comment
    {
        line-height : 120%;
        width : 95%;
        margin-top : 4px;
        margin-bottom : 0px;
        margin-left : 8px;
        border-top: 2px solid #000000;
        border-right: 0px solid #CCCCCC;
        border-left: 0px solid #CCCCCC;
        border-bottom: 1px solid #000000;
        background-color: ##e8e8e8;
    }

    .comment_date {}

    .comment_body 
    {
        color: #6a6d71;
        background-color: #e8e8e8;
        border: 0px solid #CCCCCC;
        padding: 0px;
        line-height: 1.4em;
        margin-bottom: 0px;
    }

    .comment_text 
    {
        clear: both; 
        padding-right: 15px; 
        padding-left: 15px; 
        background: #ffffff; 
        padding-bottom: 0px; 
        margin: 0px 0px 0px; 
        padding-top: 0px;
        /*background-color: #e8e8e8;*/
        border-right: 10px solid #e8e8e8;
        border-left: 10px solid #e8e8e8;
        border-bottom: 0px solid #e8e8e8;
        width:100%;
        border-radius: 10px;
    }

    .comment_writer
    {
        font-size : 11px;
        text-align : left;
        border-top: 0px solid #CCCCCC;
        border-bottom: 0px solid #CCCCCC;
        height : 35px;
        line-height: 25px;
        padding-left : 10px;
        BACKGROUND: #e8e8e8; /*url(https://carcle.jp/users/116/img/e8e8e8-2.gif) center bottom;*/
        width: 100%;
        background-size: 100%;
    }

    .comment_text2 
    {
        height : 20px;
        BACKGROUND: #e8e8e8; /*url(https://carcle.jp/users/116/img/e8e8e8-3.gif) center bottom;*/
        width: 100%;
        background-size: 100%;
    }
}

    
/* トラックバック一覧 */
.tblist
{
    line-height : 120%;
    width : 400px;
    padding : 5px;
    margin-bottom : 5px;
}

.tblist_date { }
.tblist_body { }
.tblist_title { }
.tblist_text { }

.tblist_writer
{
    font-size : 11px;
    text-align : left;
} 
/* ------------------------------------------------
ブログ記事部分表示設定
------------------------------------------------ */
/* 記事ブロック（タイトル・本文・著者情報を含む） */
#ctl00_ContentPlaceHolder1_Div_SendList #ctl00_ContentPlaceHolder1_PanelSendList #ctl00_ContentPlaceHolder1_GridViewSendList td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
}

table#ctl00_ContentPlaceHolder1_GridViewSendList {

	border-spacing: 0;
	background: url(http://www.aatec.co.jp/img/comeresback.jpg) repeat-x 100%;
        color :#666666;

}
#ctl00_ContentPlaceHolder1_GridViewSendList {
    border: 0px ;
	border-top-color: #9ebef5;
	border-right-color: #9ebef5;
	border-bottom-color: #9ebef5;
	border-left-color: #9ebef5;
}

.blog
{
	text-align : left;
	padding-bottom : 5px;
	margin-bottom : 20px;
}
/* タイトルブロック */

}
/* 本文ブロック */
.blog_body
{
	font-weight : normal;
	line-height : 120%;
	padding : 5px;
}

/* 投稿者名表示ブロック */
.blog_writer
{
	display : none;
	text-align : right;
}

/* 記事情報ブロック */
.blog_posted
{
	text-align : right;
	font-size : 11px;
}

/* トラックバックURL表示ブロック */
.blog_trackback
{
	font-size : 9px;
	padding : 5px;
}

/* 記事本文 */
.blog_text
{
	line-height : 160%;
	padding : 5px;
}

/* タイトルリンク */
.blog_title a {}
.blog_title a:hover {}

/* 記事本文中リンク */
.blog_text a {}
.blog_text a:hover {}
/* 著者情報表示中リンク */
.blog_posted a {}
.blog_posted a:hover {}


/* コメント */
.line2
{
     	border: 0px solid #CCCCCC;
	padding : 0px;
        margin-bottom : 0px;
}

.comment2
{
	line-height : 120%;
	width : 600px;
	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;
text-align : left;
}
.comment3
{
	line-height : 120%;
	width : 600px;
	padding : 0px;
	margin-top : 30px;
     	border: 0px ;
text-align : left;
}
.comment_date { }
.comment_body {
	COLOR: #6a6d71;
	background-color: #FFFFFF;
	border: 0px solid #CCCCCC;
	padding: 0px;
	line-height: 1.3em;
	margin-bottom: 0px;
}
.comment_text { 
	padding: 5px 5px 5px 15px;
text-align : left;
}
.comment_writer2
{
	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%;
	width : 400px;
	padding : 5px;
	margin-bottom : 5px;
}
.tblist_date { }
.tblist_body { }
.tblist_title { }
.tblist_text { }
.tblist_writer
{
	font-size : 11px;
	text-align : right;
} 
