/*********************************************************************
Copyright AJI LLC (http://www.ksi-sd.com/)
留学サイト　プログラムページの本文用のスタイルシート
ファイル名：pro-daikou-pc.css
2026年05月作成
*********************************************************************/
.main2{
	width:100%;
        margin:0 10px;
        line-height: 1.5em ;
        padding: 0;
        text-align : left;
}

.main2-1{
	width:95%;
        text-align : left;
        font-size:15px;
	font-family:Yu Gothic,"游ゴシック体","游ゴシック";
        margin-left: 10px;
        margin-right: 15px;
        line-height: 1.5em ;
        padding: 0;
}

/*--------------------------------------------------------------------
トップ見出し設定
--------------------------------------------------------------------*/

/*▲プログラムのトップ大見出し枠、共用、見出し幅のサイズで区分▲*/
#program-top900-1{/*プログラムのトップ大見出し幅850px,ゴルフ場予約代行用*/
	width: 900px;
	margin: 0 0 0 -7px;
	padding: 0;
	background : url(..//image2/torrey-pines.jpg);/*torrey-north.jpg*/
	background-repeat: no-repeat;
}

/*▲プログラムのトップ説明見出し、共用、▲*/

.top-main-midashi-waku{/*トップ大見出し枠*/
	width : 800px ;
	height: auto ; 
	text-align :center;
	font-size:h1;
	font-weight:bold;
	font-family:Yu Gothic,"游ゴシック体","游ゴシック";
	padding :10px 5px;
	margin : 0 ;
}

.top-sub-midashi-waku-sumaho{/*トップサブ見出し枠、スマホ用*/
	display:none;
}

.top-sub-midashi-waku{/*トップ大見出し枠*/
	width : 800px ;
	height: auto ; 
	text-align :center;
	font-size: 25px ;
	font-weight:bold;
	font-family:Yu Gothic,"游ゴシック体","游ゴシック";
	line-height:1.5em ;
	padding :10px 5px;
	margin : 0 ;
}




.top-comment-waku{/*トップ見出しコメント枠*/
	width : 600px ;
	height: auto ; 
	text-align :center;
	font-size:18px;
	font-weight:bold;
	font-family:Yu Gothic,"游ゴシック体","游ゴシック";
	padding :10px 0;
	margin : 0 20px 0  15px;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius:15px;
        color:#000;
/*	text-shadow:0 0 15px #ffff00; */
}

.top-comment-waku-sumaho{/*トップ見出しコメント枠*/
	display : none ;
}

/*▲プログラムの内容説明関係、共用、▲*/

.pro-midashi-800{/*プログラム内容のタイトル枠、*/
	width : 892px ;
	height: auto ; 
	text-align : left;
	font-size:16px;
	font-family:Yu Gothic,"游ゴシック体","游ゴシック";
	line-height:1.5em ;
	font-weight:bold ;
	color : #000 ;
	padding : 10px 0 ;
	margin : 10px 0 0 3px ;
	border-top : solid 2px #060 ;
	border-right : solid 2px #060 ;
	border-bottom : solid 2px #060 ;
	border-left : solid 10px #060 ;
}

.pro-comment-800 {/*プログラム内容の説明枠*/
	width : 95% ;
	height: auto ; 
	text-align : left ;
	font-size:15px;
	font-family:Yu Gothic,"游ゴシック体","游ゴシック";
	line-height:1.5em;
	color:#000;
	padding : 10px ;
	margin : 5px  ;
}


.pro-comment-kakomi {  /*点線の囲み説明枠 緑色系*/
	width : 90% ;
	height:auto;
	font-size : 15px;
	color : #000;
	font-family: Yu Gothic,"游ゴシック体","游ゴシック";
	text-align: left;
	line-height : 1.5em;
	padding :10px ;
	margin: 10px ;
	background : #fff  ;
	border : dashed 2px #060 ;
	border-radius:10px;
        
}
	
.pro-box-left {
	width : 650px ;
	float :left;
	font-size : 14px ;
	color: #009 ;
	font-family: "ＭＳ ゴシック","MS Gothic",sans-serif;
	line-height : 18px ;
	padding : 5px 8px ;
	margin : 0 0 8px 0 ; 
	background : #efe ;
	border : dotted 2px #063 ;
}

.pro-box-right {
	width : 650px ;
	float :right;
	font-size : 14px ;
	color: #009 ;
	font-family: "ＭＳ ゴシック","MS Gothic",sans-serif;
	line-height : 18px ;
	padding : 5px 8px ;
	margin : 0 0 8px 0 ; 
	background : #efe ;
	border : dotted 2px #063 ;
}

/*--------------------------------------------------------------------
▲インデント、改行の行間、
--------------------------------------------------------------------*/
.indent1-2{/*インデント‐1字、字下げ２字*/
	text-indent:-1em;
	margin-left:2em;
}

.indent5-6{/*インデント‐1字、字下げ２字*/
	text-indent:-5em;
	margin-left:6em;
}


/*-------------------------------------------------------------------
プログラム本文の写真用枠、プログラムページ共通
--------------------------------------------------------------------*/
/***画像をフルスクリーンに拡大する***/
.fullscreen-image{
	cursor: url("image/plus_cursor.png"), pointer; /* マウスポインタを指定 */
	display: block;/*inline-block;  = 横方向に並べる指定 */
	margin: 0px 5px 5px 0px; /* 周囲の余白量(右と下に5pxずつ) */
}

.image-waku{/*イメージの全体枠　左寄り　いつでもできる語学留学、美容留学に使用 */
	width: 100%;
	text-align : center;
	margin:0 0 0 40px;
	padding: 0;
}

.image-waku2{/*イメージの全体枠　左寄りに使用 */
	width: 100%;
	text-align : center;
	margin:0 ;
	padding: 0;
}

.image-left{
	width:auto;
	height:auto;
	text-align:center;
	float:left;
	margin:5px 10px 5px 5px;
	padding:5px;
}


.image-right{
	width:auto;
	height:auto;
	text-align:center;
	float:right;
	margin:15px 5px 5px 10px;
	padding:5px;
}

.image-line2-2new{
	width:100%;
	height:12px;
}

.image-line2-2{
	width:100%;
	height:2px;
}
.image-line2-1{
	width:97%;
	height:5px;
	margin-left:-7px;
}
.image-line3-2{
	width:100%;
	height:9px;
}

/*--------------------------------------------------------------------
テーブルのCSS
--------------------------------------------------------------------*/
/* ▼同じレベルに2つ以上のテーブルを収納する枠▼ */
.waku-table{
	width:100%;
	text-align:left;
/*	float:left;*/
	padding:0;
	margin: 0 ;
}
/* ▼個別のテーブルの枠▼ */
.tablebox{
	float: left; 
	text-align:center;
	margin: 5px 10px; 
	display:inline-block;
}


/* ▼共通テーブルの表全体装飾▼ */
table.common {
	border: 2px #0000a0 solid;
	border-collapse: collapse;
	font-size: 15px;
	font-family:  Yu Gothic,"游ゴシック体","游ゴシック";
	line-height : 1.5em; 
	margin-left:15px;
	width : 95%;
}

/* ▼共通テーブルのセル(th、td)の装飾▼ */
table.common th,
table.common td{
	padding:  0.7em 0.5em ;
	border-style: solid; 
	border-color: #00a;
	border-width: 1px;
}

/* ▼共通テーブルのヘッダーセル(th)の装飾▼ */
table.common thead th { /*#d3d3d3; */
	text-align:center;
	border-bottom: 3px double #00a;
	background-color: #cfc; 
}

/* ▼詳細の行毎の色装飾▼ */
table.common tbody tr {  /* #f0f0f0; */
   	background: #efe ;  
}  

table.common tbody tr:nth-child(2n+1) {  
      	background:#ffffff;  
} 

table.common tbody tr:hover {  
     	background: #dfd;  
    	cursor:pointer;  
} 

/* ▼共通テーブルのセル内の配置▼ */
table.common tbody th{
	text-align : center;
}

table.common tbody td{
	text-align : left;
}

table.common td.center {
	text-align : center;
}

.table-pc{
	margin:0;
}

.table-sumaho{
	display:none;
}



.t-comment{/*テーブルの中のコメント*/
	width:95%;
	font-size: 12px;
   	font-family: "ＭＳ ゴシック","MS Gothic",sans-serif;
   	line-height:1.5em;
	margin: 0 2em;
	padding:5px;
}

.gyou-none{
	display:none;
}

/**====================================
  ■アコーディオン■
=====================================**/
.cp_actab {
	position: relative;
	width: 100%;
	height:auto;
	margin: 0;
}


.cp_actab input {
	display:none;
}


.cp_actab label {
	width : 97%;
	font-size : 15px ; 
	font-family: "ＭＳ ゴシック",sans-serif;
	font-weight: bold ;  
	color: #000 ;
	text-align : left ;
	line-height:1.5em;
	padding : 1em 0 1em 1em ;
	margin : 0; 
	background : #fff ;
	border-top : solid 2px #009 ;
	border-bottom : solid 2px #009 ;
	border-right : solid 2px #009 ;
	border-left : solid 10px #009 ;
	text-decoration: none;
	position: relative;
	display: block;
}

.cp_actab .cp_actab-content {
	width: 100%;
	color: #000;
	text-align:left;
	background: #fff;
     	font-size : 14px ; 
     	font-family: "ＭＳ ゴシック",sans-serif;
	line-height:1.5em;  
     	padding: 0 ;
     	margin :  0;
     	text-decoration: none;
}
/*コンテンツ内の枠*/
.content-waku {
	color: #000;
	text-align:left;
	background: #fff;
     	font-size : 14px ; 
     	font-family: "ＭＳ ゴシック",sans-serif;
	line-height:1.5em;  
     	padding: 10px ;
     	margin :  0;
     	text-decoration: none;
	border:solid 2px #009;
}